美文网首页程序员
nginx同时部署两个vue项目

nginx同时部署两个vue项目

作者: Reatiny | 来源:发表于2020-05-12 10:45 被阅读0次

    一开始想通过子域名的方式解决,结果失败了;然后采用端口号的方法解决,简单易行。
    nginx的配置文件参考如下:

            listen       8082;
            server_name  localhost;
    
            location ^~ /api/ {
                proxy_pass http://127.0.0.1:9093/;
            }
            location / {
                root   /logistic/client;
                index  index.html index.htm; # hash模式只配置访问html就可以了
                try_files $uri $uri/ /index.html; #history模式下
            }
    
            error_page   500 502 503 504  /50x.html;
            location = /50x.html {
                root   html;
            }  
        }
        server {
            listen       8085;
            server_name  localhost;
    
            location ^~ /api/ {
                proxy_pass http://127.0.0.1:9093/;
            }
            location / {
                root   /logistic/admin;
                index  index.html index.htm; # hash模式只配置访问html就可以了
                try_files $uri $uri/ /index.html; #history模式下
            }
    
            error_page   500 502 503 504  /50x.html;
            location = /50x.html {
                root   html;
            }  
        }
    

    然后得到两个ip地址:ip:8082、ip:8085

    相关文章

      网友评论

        本文标题:nginx同时部署两个vue项目

        本文链接:https://www.haomeiwen.com/subject/epnvnhtx.html