项目根目录新建vue.config.js文件,内容如下:
module.exports = {
publicPath: process.env.NODE_ENV === 'production'
? './'
: '/',
}
npm run build查看dist/index.html是否正常显示。如果仍然为空白页检查src/router/index.js文件:
const router = new VueRouter({
mode: 'history',
base: process.env.BASE_URL,
routes
})
注释掉mode:‘history’ 这一项。
npm run build查看dist/index.html是否正常显示。
如希望使用history设置,请自行查找正确设置方式。
本文介绍如何在Vue项目中解决空白页问题,通过调整vue.config.js和src/router/index.js文件中的配置来实现。文中提供了具体的代码示例,包括如何修改publicPath和VueRouter的mode属性。
2501

被折叠的 条评论
为什么被折叠?



