解决nginx+vue--502的问题

本文主要是介绍解决nginx+vue--502的问题，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

当前的nginx配置如下：

server {
    listen       80;
    server_name  localhost;

    location / {
        root   /usr/share/nginx/html;
        index  index.html index.htm;
    }
    location @router{
        rewrite ^(.+)$ /index.html last;
    }
}

遇到的问题是，当访问 http://localhost:80的时候是可以的，但访问除此之外的其他路由时遇到了502的问题

解决方案：+ try_files

server {
    listen       80;
    server_name  localhost;

    location / {
        root   /usr/share/nginx/html;
        index  index.html index.htm;
        try_files $uri $uri/ @router;
    }
    location @router{
        rewrite ^(.+)$ /index.html last;
    }
}

即可

这篇关于解决nginx+vue--502的问题的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！