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' *;
相关推荐
岁月不能老10 分钟前
Linux-Part8-考试(学习Linux第8天)
linux·运维·学习
AdaTina2 小时前
Docker的分解分析
运维·docker·容器
donglxd2 小时前
老电脑优化全知道(包括软件和硬件优化)
运维·windows·系统安全
穿条秋裤到处跑3 小时前
前端连接websocket服务报错 Unexpected response code: 301
websocket·网络协议·nginx
群联云防护小杜3 小时前
云服务器被黑客攻击应急响应与加固指南(上)
运维·服务器·人工智能·tcp/ip·自动化·压力测试
老秦包你会3 小时前
Linux课程五课---Linux进程认识1
linux·运维·服务器
等猪的风4 小时前
openwrt作旁路由时的几个常见问题 openwrt作为旁路由配置zerotier 图文讲解
运维·服务器·网络
互联网搬砖老肖4 小时前
运维打铁:域名详解及常见问题解决
运维·github
LaughingZhu4 小时前
PH热榜 | 2025-04-24
运维·经验分享·搜索引擎·产品运营·jenkins
刘某的Cloud4 小时前
openstack迁移虚机rbd报错,删除异常rbd
linux·运维·openstack·nova·rbd