Vue部署服务器，刷新页面 404/502 报错

• 2020 年 3 月 11 日
• 筆記

在vue项目中，部署项目到服务器的时候报404/502的错误 一般可以用hash()和history.pushState() 作为路由跳转，就下面这样滴 如果用下面的这个去 run build 就会报404的错误或者502

export default new Router({    mode: 'history',    base: __dirname,    scrollBehavior,    routes: [index, blog, project, about, list]  })

刷新页面时就会报错找不到，因为路径不是真实存在的路径 解决方案：修改一下nginx配置

server {          listen 80;          server_name www.fayinme.cn;            gzip on;          gzip_min_length 1k;          gzip_buffers 4 16k;          gzip_comp_level 2;          gzip_vary off;          gzip_disabled "MSIE [1-6]";          autoindex on;            root /www/blogfront/production/current;          index index.html;            location / {                  try_files $uri $uri/ @router;                  index index.html;          }            location @router {                  rewrite ^.*$ /index.html last;          }