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

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

代码语言：javascript复制

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

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

代码语言：javascript复制

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

nginx build hash history 解决方案

0 人点赞