vue-cli项目打包后router-view中的内容不显示问题
今天博主实战vue项目终于到了尾声,迎来了打包阶段。但是发现打包完的index.html文件打开后只显示了左边菜单栏,router-view中的内容却没有显示出来,而且控制台也没有报错。如图所示:注:打包时候config文件夹中的index.js文件的build中的assetsPublicPath属性要改为 './' 这样的相对路径,博主已经靠前人的经验避过了这个坑。博主在网上搜索问题时发现...
·
今天博主实战vue项目终于到了尾声,迎来了打包阶段。但是发现打包完的index.html
文件打开后只显示了左边菜单栏,router-view
中的内容却没有显示出来,而且控制台也没有报错。如图所示:
注:打包时候config文件夹中的index.js文件的build中的assetsPublicPath属性要改为 './' 这样的相对路径,博主已经靠前人的经验避过了这个坑。
博主在网上搜索问题时发现大部分都是说的前一个坑,这个坑很少有人提起。不过还好也顺利找到了问题原因和解决办法。
- 问题原因:
在没有后端配合的情况下就打开路由history
模式的时候(vue-router默认hash
模式——使用URL的hash来模拟一个完整的URL,于是当URL改变时,页面不会重新加载) - 解决办法:
注释自己设置的mode:'histroy'
属性。
当然,这里并不是说不能打开这个模式,这个模式需要后端设置的配合,详情可以参考vue-router文档
更多推荐
已为社区贡献6条内容
所有评论(0)