使用vue-router 刷新 404错误

Posted DemonGao

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用vue-router 刷新 404错误相关的知识,希望对你有一定的参考价值。

修改nginx.conf

server {
        listen       80;
        server_name  demongao.com www.demongao.com;
        root         /demongao/vueblog/dist;

        # Load configuration files for the default server block.
        include /etc/nginx/default.d/*.conf;

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

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

        error_page 404 /404.html;
            location = /40x.html {
        }

        error_page 500 502 503 504 /50x.html;
            location = /50x.html {
        }
    }

 

以上是关于使用vue-router 刷新 404错误的主要内容,如果未能解决你的问题,请参考以下文章

vue-router+webpack线上部署时单页项目路由,刷新页面出现404问题

vue-route+webpack部署单页路由项目,访问刷新出现404问题

vue-route+webpack部署单页路由项目,访问刷新出现404问题

vue 404

如何使用与普通路由不同的模板处理 vue-router 的 404 错误

新来的前端小姐姐问:Vue路由history模式刷新页面出现404问题