VUE 线上版本 刷新 404 (nginx解决)

原因:

采用了路由的history模式，本地项目运行，刷新子页面都是OK的。

说明下vue-router的默认hash模式——使用URL的hash来模拟一个完整的URL，当URL改变时，页面不会重新加载。但是这种hash很丑，也不符合对URL的使用习惯。所以，需要使用另外一个叫history模式来实现URL跳转而无须重新加载页面。因为我不想要很丑的 hash，就是使用路由的 history 模式.

方法一

去掉history模式，仍然采用hash模式，即注释掉这行代码

// mode:'history' 

方法二

后端配置

nginx服务器 网站 - 伪静态 配置

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