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

学习博客:https://www.cnblogs.com/wanf/p/7871787.html

Logo

前往低代码交流专区

更多推荐