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' *;
相关推荐
小徐Chao努力22 分钟前
【centos】经常使用的脚本
linux·运维·centos
rainFFrain3 小时前
日志与策略模式
linux·运维·vscode·策略模式
极限实验室5 小时前
如何使用 Nginx 代理 Easysearch 服务
数据库·nginx
无情白5 小时前
k8s运维面试总结(持续更新)
运维·面试·kubernetes
H1346948907 小时前
企业服务器备份软件,企业服务器备份的方法有哪些?
运维·服务器·负载均衡
塔能物联运维8 小时前
塔能科技:精准节能,擎动工厂可持续发展巨轮
大数据·运维
小王努力学编程9 小时前
【Linux系统编程】进程概念,进程状态
linux·运维·服务器·c++
liuliu03239 小时前
戴尔笔记本 ubuntu 22.04 开机后进入initramfs界面
linux·运维·ubuntu
DADIAN_GONG11 小时前
incomplete command on Huawei switch
linux·运维·华为
水星灭绝11 小时前
orangepi zero烧录及SSH联网
运维·ssh