nginx 配置跨域（小皮面板）

只需要在后端8081端口的nginx.conf文件中配置即可。前端：http://localhost:8082。后端：http://localhost:8081。

xiaoyun888_

1601人浏览 · 2023-11-28 16:31:10

xiaoyun888_ · 2023-11-28 16:31:10 发布

本地开发的时候，前端请求后端，后端不能用域名请求，只能用端口模式，在小皮面板的话就是如下配置：

我的测试项目部署：

前端：http://localhost:8082

后端：http://localhost:8081

前端请求后端接口的时候会出现跨域问题，这里是nginx配置跨域：

只需要在后端8081端口的nginx.conf文件中配置即可

配置如下，方便复制：

add_header Access-Control-Allow-Origin *;
add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS';
add_header Access-Control-Allow-Headers 'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization';

if ($request_method = 'OPTIONS') {
	return 204;
}