nginx部署vue项目

2023-12-18 21:39:54

解决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/;                                                                                                                                                             
        }    

文章来源:https://blog.csdn.net/Coco_chun/article/details/135068147
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。