vue-cli项目打包后router-view中的内容不显示问题

今天博主实战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文档
评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值