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;
}
相关推荐
Xudde.8 小时前
班级作业笔记报告0x07
笔记·学习·安全·web安全·php
gfdhy9 小时前
【Linux服务器】基础服务实战部署|Nginx+MySQL+PHP+WordPress,让服务器真正可用
linux·服务器·mysql·nginx·php·毕设
Joy T9 小时前
【Web3】NFT 元数据去中心化存储与智能合约集成实战
开发语言·web3·去中心化·区块链·php·智能合约·hardhat
geNE GENT19 小时前
Nginx WebSocket 长连接及数据容量配置
运维·websocket·nginx
weixin_4080996721 小时前
图片去水印 API 接口实战:网站如何实现自动去水印(Python / PHP / C#)
图像处理·人工智能·python·c#·php·api·图片去水印
小百菜1 天前
Keepalived + Nginx 实现高可用
nginx·keepalived
:mnong1 天前
Superpowers 项目设计分析
java·c语言·c++·python·c#·php·skills
驾驭人生1 天前
ASP.NET Core 实现 SSE 服务器推送|生产级实战教程(含跨域 / Nginx / 前端完整代码)
服务器·前端·nginx
Linux运维技术栈1 天前
生产环境Certbot泛域名证书全自动续期完整配置指南(Cloudflare DNS验证)
nginx·证书·ssl
SeSs IZED1 天前
【Nginx 】Nginx 部署前端 vue 项目
前端·vue.js·nginx