Nginx跨域配置

随着越来越多的项目走向了前后端分离,前端服务,需要访问到不同的后端地址,经常遇到跨域问题。本文主要介绍使用Nginx解决跨域问题。

  1. 什么是跨域
    由于浏览器的同源策略,用来限制从一个源加载的文档或脚本与来自另一个源的资源进行交互。那怎样判断是否是同源呢?如果协议,端口(如果指定了)和主机对于两个页面是相同的,则两个页面具有相同的源,也就是同源。也就是说,要同时满足以下3个条件,才能叫同源:
  • 协议相同
  • 端口相同
  • 主机相同
  1. 常见跨域情况
  1. 修改nginx server 配置,添加如下内容

    powershell 复制代码
    #允许跨域请求的域,* 代表所有
    add_header 'Access-Control-Allow-Origin' *;
    #允许请求的header
    add_header 'Access-Control-Allow-Headers' *;
    #允许带上cookie请求
    add_header 'Access-Control-Allow-Credentials' 'true';
    #允许请求的方法,比如 GET,POST,PUT,DELETE
    add_header 'Access-Control-Allow-Methods' *;
相关推荐
Bi9 分钟前
Dokploy安装和部署项目流程
运维·前端
霍格沃兹软件测试开发33 分钟前
AI 测试平台新功能揭秘:自动化测试用例运行的奥秘
运维·自动化·测试用例
小阳睡不醒1 小时前
小白成长之路-jenkins使用pipline部署
运维·jenkins
fasewer2 小时前
玄机--windows日志分析
运维·服务器·windows·网络安全
Linux运维技术栈2 小时前
域名网页加载慢怎么解决:从测速到优化的全链路性能优化实战
运维·网络·nginx·性能优化·cloudflare
linux修理工3 小时前
n1 Armbian OS 24.11.0 noble 安装suricata
linux·运维·服务器
bug攻城狮3 小时前
CentOS 7 出现 “Could not resolve host“ 错误的修复方案
linux·运维·centos
feifeigo1233 小时前
CentOS系统管理:useradd命令的全面解析
linux·运维·centos
こ进制掌控者3 小时前
CentOS 8重启后网卡不见了解决办法
linux·运维·centos
荣光波比3 小时前
Nginx 实战系列(六)—— Nginx 性能优化与防盗链配置指南
运维·nginx·性能优化·云计算