mmingxiang
2021-01-30 17:57
采纳率: 33.3%
浏览 800
已结题

Vue项目本地预览正常,部署到nginx上访问页面为空白,F12控制台无任何报错信息

环境: 
使用vue-cli构建vue3 + element plus应用,使用了vue-router 4。
1. 在本地使用npm run serve通过浏览器打开页面可以正常访问。
2. 但是使用npm run build打包后,部署到nginx上再通过浏览器访问页面,页面显示空白,F12后,控制台无任何报错信息。

有人知道这个问题该怎么解决吗?

  • 好问题 提建议
  • 收藏

2条回答 默认 最新

  • Lazy33 2021-01-30 21:42
    已采纳

    我之前遇到过  我博文里有分享 基本就是public path   还有 .env文件的配置

    已采纳该答案
    评论
    解决 无用 1
    打赏 举报
  • mmingxiang 2021-01-31 13:52

    非常感谢 Lazy33 小伙伴的回答。我的问题找到了,代码原因。

    我在 vue-router 中是这么写的:

    {
        path: '/goodsType',
        components: {
            Header: () => Header,
            default: LayoutGoodsType
        }
    }

    改为下面这样就好了:

    {
        path: '/goodsType',
        components: {
            Header: Header,
            default: LayoutGoodsType
        }
    }
    评论
    解决 无用
    打赏 举报