vue项目线上页面刷新报404 解决方法

原因

vue-router mode 默认为hash, 这样的url中带有#，如果把mode: 'history’就能去掉#号，也可以正常访问，但是再次刷新页面就会出现404错误。

const router = new Router({
   mode: 'history'
});

遇到的问题

经过一番，网上查询后，给出的解决方式都是下面这样，我修改之后并没有什么作用，
修改nginx配置文件

location / {
  root ...;
  index ...;
  try_files $uri $uri/ /index.html; ---解决页面刷新404问题
}　

解决方法

之后在网上找到了另外一个解决方式，在服务器Nginx配置文件里，添加如下代码，再刷新就OK了

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

location @router {
  rewrite ^.*$ /index.html last;
}