为了账号安全,请及时绑定邮箱和手机立即绑定

vue-router开启HTML5的history模式后,点击可以正常跳转,但是一刷新就404

vue-router开启HTML5的history模式后,点击可以正常跳转,但是一刷新就404

慕标琳琳 2018-10-03 15:22:59
我是用vue-cli来构建的项目,使用了vue-router来做路由,如果使用 "hash"模式,随便怎么点击,或者刷新都是正常的,但是使用history模式,点击是可以正常跳转,但是页面一刷新就报404 找不到.这是index页面报错,很奇怪的是,那个路径里的main是我配置的路由,不知道为什么那个main路由会添加到我的index页面里的引入地址里.下面是我的index.html页面的代码这段是我的路由设置哪位大神能帮我解答下啊?
查看完整描述

1 回答

?
跃然一笑

TA贡献1826条经验 获得超6个赞

开启HTML5 History Mode后,尤其需要server端的支持,这点在官网文档里就有介绍:

https://img4.sycdn.imooc.com/5be92c030001334204670507.jpg

不知道你用的哪个vue-cli的脚手架,但猜测应该是通过webpack-dev-server来启动服务的,


https://img4.sycdn.imooc.com/5be92c120001977510900394.jpg

通过修改webpack.config.js里的historyApiFallback属性来支持HTML5 History Mode

查看完整回答
反对 回复 2018-11-12
  • 1 回答
  • 0 关注
  • 2478 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号