在使用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