跨域配置nginx

最新推荐文章于 2024-06-24 07:06:24 发布

菜鸟0126

最新推荐文章于 2024-06-24 07:06:24 发布

阅读量2.1k

点赞数

文章标签： nginx 前端运维

本文链接：https://blog.csdn.net/weixin_46430984/article/details/122714617

版权

 server {
        listen       80;#nginx访问端口
        server_name  localhost;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;
	
        #这里不用管 start
        location / {
            root   html\dist;
            index  index.html index.html;
            # add_header Access-Control-Allow-Origin http://localhost:80;
             
        }
        #这里不用管 end

        #前端请求后端地址改成http://localhost:80
        location ^~ /dist {#vue打包后部署在服务器的路径我的是放在tomcat服务器下的webapps目录
            proxy_pass   http://localhost:8081;
        }
        location ^~ /api {#部署后端服务器的请求地址比如：http://localhost:8004/api/...
            proxy_pass   http://localhost:8004;
        }
        location ^~ /system {#部署后端服务器的请求地址比如：http://localhost:8004/system/...
            proxy_pass   http://localhost:8004;
        }
        #error_page  404              /404.html;
...
}

浏览器访问 nginx http://localhost:80/dist/即可

本人菜鸟一枚，不对之处请多多指教