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

原因

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

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

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

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