Vue npm run build打包显示空白页
在使用npm run build ,打包完毕之后,无论是本地打开index.html,还是访问服务器上的,都是空白页。此时,你会发现,css,js,一些资源路径都是404,问题在于:引用路径解决方案:重新配置config下的index.js中的assetsPublicPath,记得修改的是build下,因为这个是打包时 的配置assetsPublicPath属性作用是指定编译发...
·
在使用npm run build ,打包完毕之后,无论是本地打开index.html,还是访问服务器上的,都是空白页。
此时,你会发现,css,js,一些资源路径都是404,
问题在于:引用路径
解决方案:重新配置config下的index.js中的assetsPublicPath,记得修改的是build下,因为这个是打包时 的配置
assetsPublicPath属性作用是指定编译发布的根目录,‘/’指的是项目的根目录 ,’./’指的是当前目录。
改好之后重新打包项目,运行index.html文件,我们可以看到没有报错了。但是router-view里面的内容却出不来了。
第二个问题:在路由的index.js中配置了mode:'history',在打包完毕之后,路由页面显示不出来,据说是,history模式需要后端的配合,暂时还没弄清楚。
解决方案:把mode为history模式注掉
export default new Router({
// mode:'history',
routes: [
{
path: '/',
name: 'AdminLogin',
component: AdminLogin,
meta:{
title:'登录页面'
}
},
{
path:'/forgetPwd',
component:ForgetPwd,
meta:{
title:'忘记密码'
}
}
]
})
更多推荐
已为社区贡献10条内容
所有评论(0)