使用 nginx 解决 web应用中的跨域问题

本文最后更新于：2022年4月18日 下午

1、使用 nginx 反向代理实现跨域

前端：在 http://localhost:8080 启动

后端：在 http://localhost:9090 启动

在 nginx 中配置 前端部分 ：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
server {
   listen       8080;
   server_name  localhost;

   location / {
        root   html;
        index  index.html index.htm;
    }
    location /api/ {
		//rewrite  ^.+apis/?(.*)$ /$1 break;
		//include  uwsgi_params;
   		proxy_pass   http://localhost:9090;
   }
}

这样一来，在前端中的请求地址统一使用 api/ 作为前缀，就可以实现跨域。

参考资料：[https://www.cnblogs.com/bninp/p/5694277.html]

web 跨域

本博客所有文章除特别声明外，均采用 CC BY-SA 4.0 协议 ，转载请注明出处！