使用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错误的主要内容,如果未能解决你的问题,请参考以下文章

Next.js 刷新页面后出现404错误

使用 Angular 7、NGINX 和 Docker 刷新页面时出现 404 错误

Angular 6 项目刷新后显示 404 错误

在 Tomcat 中刷新后出现 Angular 404 错误

Nuxt 应用程序在部署到现在时在刷新时出现 404 错误

使用vue-router 刷新 404错误