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;
}
相关推荐
龙哥·三年风水5 小时前
群控系统服务端开发模式-应用开发-个人资料
分布式·php·群控系统
Dingww10119 小时前
梧桐数据库中的网络地址类型使用介绍分享
数据库·oracle·php
JustCouvrir12 小时前
macOS|前端工程部署到Nginx服务器
服务器·前端·nginx
Genius Kim12 小时前
SpringCloud Sentinel 服务治理详解
spring cloud·sentinel·php
AlbertS13 小时前
使用 Let’s Encrypt 获取免费SSL证书
nginx·免费·centos7·ssl证书·let’s encrypt
航月13 小时前
FTP、ISCSI、CHRONY、DNS、NFS、DOCKER、MARIADB、NGINX、PHP、CA各服务开启方法
nginx·docker·mariadb
原机小子16 小时前
城镇保障性住房管理:SpringBoot系统解决方案
数据库·spring boot·php
kali-Myon17 小时前
NewStarCTF2024-Week5-Web&Misc-WP
前端·python·学习·mysql·web安全·php·web
DK七七18 小时前
当今陪玩系统小程序趋势,陪玩系统源码搭建后的适用于哪些平台
小程序·php·uniapp
IT-民工2111018 小时前
nginx监控指标有哪些
运维·nginx