nginx代理服务如何配置

最新推荐文章于 2024-06-05 09:12:10 发布

鱼大虾

最新推荐文章于 2024-06-05 09:12:10 发布

阅读量949

点赞数

分类专栏： Nginx 文章标签： nginx vue.js 前端

本文链接：https://blog.csdn.net/weixin_42599091/article/details/124754970

版权

Nginx 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

server
    {
        listen 80;        #监听的端口
		server_name 192.168.1.9; #域名
        
		
		location / {
            index index.html;      #指定的server的root的访问页面
            root /usr/static/dist; #指定的server的root目录 可以将vue打包后的静态资源放在这里
    		try_files $uri $uri @route;
        }
		
		location /images/ {
            alias /usr/images/;    #图片静态资源代理 图片路径 
            allow all;
            autoindex on;
        }
        
        location /demo/  {
           proxy_pass http://192.168.1.9:8080/demo/;    #后台项目服务代理
           #proxy_set_header Host $http_host;
           proxy_connect_timeout 15;
           proxy_send_timeout 15;
           proxy_read_timeout 15;
           proxy_set_header X-Real-IP $remote_addr;
           proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        }
        location @route {
            rewrite ^.*$ /index.html last; #解决 vue 路径中带有#号问题 相应的vue项目也要修改
        }
        
    }