解决nginx下vue单页面刷新问题

Posted 我是属车的

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了解决nginx下vue单页面刷新问题相关的知识,希望对你有一定的参考价值。

1、添加 try_files $uri $uri/ /index.html;

worker_processes  1;

events {
    worker_connections  1024;
}

http {
    include       mime.types;
    default_type  application/octet-stream;


    sendfile        on;

    keepalive_timeout  65;

    server {
        listen       8888;
        server_name  localhost;

        location / {
            root   html/dist;
            index  index.html index.htm;
            try_files $uri $uri/ /index.html;    
        }
}

 

以上是关于解决nginx下vue单页面刷新问题的主要内容,如果未能解决你的问题,请参考以下文章

解决vue单页面跳转返回后页面不刷新的问题

vue部署到nginx服务下,非根目录,刷新页面404怎么解决?

nginx 部署vue项目,路由模式为history时,页面刷新404问题

Nginx部署Vue项目以及解决刷新页面404问题

解决vue单页面刷新后vuex中数据恢复初始值的问题

解决vue-router嵌套路由(子路由)在history模式下刷新无法渲染页面的问题