vue项目刷新页面404

Question

vue项目本地npm run dev后正常运行，除了首页刷新正常外，点别的页面刷新就跳到404页面
怎么处理？

Answer 1

因为你路由用了history模式，想在线上跑的话，要后端配合设置一个默认的页面，一般是当前项目的首页

vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载。
当你使用 history 模式时，URL 就像正常的 url，例如 http://yoursite.com/user/id，也好看！
不过这种模式要玩好，还需要后台配置支持。因为我们的应用是个单页客户端应用，如果后台没有正确的配置，当用户在浏览器直接访问 http://oursite.com/user/id 就会返回 404，这就不好看了。
所以呢，你要在服务端增加一个覆盖所有情况的候选资源：如果 URL 匹配不到任何静态资源，则应该返回同一个 index.html 页面，这个页面就是你 app 依赖的页面。

vue-router

Answer 2

在 webpack 的 devServer 中，配置下 historyApiFallback: true

Answer 3

以下列了几种场景：

1. 使用了 webpack ，配置

devServer:{
   ...
historyApiFallback: true
}

1. 使用node框架（egg，express，koa）

// vue 路由配置 history, 刷新页面返回 home.index
router.get('*', 'home.index')

1. 使用nginx负载均衡

location / {
try_files $uri $uri/ /index.html;
}

最终目标即是将刷新地址的请求返回 index 页面

Answer 4

把你项目路由设置，贴出来，控制台报错贴出来

Answer 5

检查路由是否正确

Answer 6

HTML5 History 模式

你用的是history模式吧, 官网给出答案了

Answer 7

想问一下，楼主解决了吗？俺也遇到一样的问题了~~