Vue 解决刷新404问题

110 阅读1分钟

本文已参与「新人创作礼」活动,一起开启掘金创作之路。

image.png

环境

  • laradock

  • @vue/cli 4.5.4

问题

  • 启动 vue 项目
$ yarn serve

image.png

  • 访问

image.png

首次访问 http://localhost:8080/admin-dev/ ,正常。

  • 刷新

image.png

刷新后,404。

解决

  • 修改 src/router/index.js
const router = new VueRouter({
  mode: 'hash'
})

这种情况应该是前端路由模式使用了history 模式,将前端路由模式设置为hash模式,刷新就不会404了。

  • 再次刷新

image.png

再次刷新后,可以正常访问。