nginx部署vue项目

解决nginx中vue项目刷新报404问题

        location / {                                                                                                                                                                        
            root   /html/dist;                                                                                                                 
            index  index.html index.htm;                                                                                                                                                                       
            try_files $uri $uri/ @router;   # 解决nginx中vue项目刷新报404问题                                                                            
        }                                                                                                                                                                                     
        location @router {                                                       
                rewrite ^.*$ /index.html last;                                              
        }                                                                                                                                                                                                      
                                                              
                                                                                                                                                                                                    
                                                                  

解决nginx转发后端服务隐藏部分url

访问url路径/prod-api/api经过nginx反向代理后，到达后端服务的实际url地址为/api。

      location ^~/prod-api/ {                                                                                                                                                                                
                proxy_set_header X-Real-IP $remote_addr;                                                                                                                                                       
                proxy_set_header REMOTE-HOST $remote_addr;                                                                                                                                                     
                proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;                                                                                                                                   
                proxy_set_header X-NginX-Proxy true;                                                                                                                                                           
                proxy_pass http://127.0.0.1:xxxx/;                                                                                                                                                             
        }