nginx 配置跨域(小皮面板)

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

我的测试项目部署:

前端: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;
}
相关推荐
月明长歌6 分钟前
网络原理初识:从“几台电脑各干各的”到“数据包跨网段飞奔”的一整套思维模型
网络·计算机网络·电脑·php
сокол1 小时前
【网安-Web渗透测试-漏洞系列】文件上传漏洞
web安全·php
之歆1 小时前
Nginx + Tomcat 反向代理完全指南
nginx·tomcat·firefox
сокол1 小时前
【网安-Web渗透测试-漏洞系列】序列化漏洞
web安全·php
匀泪3 小时前
云原生(nginx实验(4))
运维·nginx·云原生
zorro_z12 小时前
实战SimpleBlog(二):博客发布与管理
php
FJW02081414 小时前
《Nginx 进阶实战:配置详解、站点发布与常用功能大全》(2)
运维·nginx
问道飞鱼16 小时前
【服务器知识】nginx配置负载均衡完全解读
服务器·nginx·负载均衡
一叶星殇1 天前
Windows 下用 Nginx 部署 Vue + .NET WebApi 全流程实战
vue.js·windows·nginx
匀泪1 天前
云原生(nginx实验(3))
运维·nginx·云原生