100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > Vue npm run build打包显示空白页

Vue npm run build打包显示空白页

时间:2019-05-10 16:26:09

相关推荐

Vue npm run build打包显示空白页

在使用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:'忘记密码'}}]})

学习博客:/wanf/p/7871787.html

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。