今天博主实战vue项目终于到了尾声,迎来了打包阶段。但是发现打包完的index.html文件打开后只显示了左边菜单栏,router-view中的内容却没有显示出来,而且控制台也没有报错。如图所示:
router-view内容不显示
注:打包时候config文件夹中的index.js文件的build中的assetsPublicPath属性要改为 './' 这样的相对路径,博主已经靠前人的经验避过了这个坑。

博主在网上搜索问题时发现大部分都是说的前一个坑,这个坑很少有人提起。不过还好也顺利找到了问题原因和解决办法。

  1. 问题原因:
    在没有后端配合的情况下就打开路由history模式的时候(vue-router默认hash模式——使用URL的hash来模拟一个完整的URL,于是当URL改变时,页面不会重新加载)
  2. 解决办法:
    注释mode
    注释自己设置的mode:'histroy'属性。
    当然,这里并不是说不能打开这个模式,这个模式需要后端设置的配合,详情可以参考vue-router文档
Logo

前往低代码交流专区

更多推荐