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;          }