前言（什么是跨域请求）

跨域请求就是指：当前发起请求的域与该请求指向的资源所在的域不一样。这里的域指的是这样的一个概念：我们认为若协议 + 域名 + 端口号均相同，那么就是同域。

常见跨域情况

网络协议不同，如http协议访问https协议
端口不同，如80端口访问8080端口
域名不同，如www.test1.com访问www.test2.com
子域名不同，如abc.test1.com访问def.test1.com

跨域及压缩配置示例

gzip            on;
gzip_buffers 4 16k;
gzip_min_length 1k;
gzip_vary       on;
gzip_proxied    any;
gzip_comp_level 6;
gzip_types      text/plain text/css text/xml application/json application/javascript application/rss+xml application/atom+xml image/svg+xml image/jpeg image/gif image/png;
server {listen 80; # 监听的端⼝server_name localhost; # 域名或iplocation / {#允许跨域请求的域，* 代表所有add_header 'Access-Control-Allow-Origin' *;#允许带上cookie请求add_header 'Access-Control-Allow-Credentials' 'true';#允许请求的方法，比如 GET/POST/PUT/DELETEadd_header 'Access-Control-Allow-Methods' *;#允许请求的headeradd_header 'Access-Control-Allow-Headers' *;location ~ .*\.(gif|jpg|jpeg|png|bmp|swf|ttf|woff|pdf|doc|docx|PNG|JPG|JPEG|ico)$ {expires      30d;}root /usr/share/nginx/html;# 根⽬录index index.html index.htm; # 默认⾸⻚}error_page 500 502 503 504 /50x.html; # 错误⻚⾯location = /50x.html {root html;}
}

nginx跨域配置及压缩配置相关推荐

Nginx跨域配置、限制连接、限制下载速度
目录一.Nginx跨域配置二.Nginx限制连接配置三.Nginx限制下载速度配置一.Nginx跨域配置 #允许跨域请求的域,* 代表所有 add_header 'Access-Control ...
nginx配置详解，nginx跨域问题
文章目录前言更改hosts文件新增velocityerp.top.conf配置文件 nginx配置header参数(解决跨域),接口方配置 nginx反向代理(解决跨域),发送方配置 nginx ...
vue项目打包部署nginx跨域
vue项目打包部署nginx跨域 vue项目连接外部api接口时,打包部署到nginx后出现api404,api跨域问题,这个时候需要给vue项目本身进行跨域,再配置nginx中进行跨域即可解决,详见 ...
nginx跨域步骤详情
此文章只实现在本地开发环境下的应用nginx跨域 1.下载nginx稳定版本下载地址:nginx: download 2. 配置nginx文件下的nginx.conf 3. 打包我用的react ...
Nginx跨域解决配置示例
简介在日常学习和工作开发中,需要请求两个不同配置的请求经常存在,本文介绍如果还使用Nginx配置解决其跨域问题相关理论首先需要了解什么是跨域,下面的两个文章说的很好,请仔细阅读后,然后自己去动手 ...
微前端子应用nginx跨域配置
当出现403跨域错误的时候 No 'Access-Control-Allow-Origin' header is present on the requested resource,需要给Nginx服 ...
Nginx跨域配置、防盗链配置
跨域配置当出现403跨域错误的时候No 'Access-Control-Allow-Origin' header is present on the requested resource,需要给Ng ...
我也说说Nginx解决前端跨域问题，正确的Nginx跨域配置（后端Nginx CORS跨域配置、CORS设置，后端允许跨域请求）
最近连续两个朋友问我跨域相关问题,我猜想可能不少朋友也遇到类似问题,我打算写个博客聊一下我实际使用的配置, 先说明一下,我并不太了解这配置,没精力去了解太多,但我觉得其中有一些关键的小注意点,可能有些 ...
iconfont配置nginx跨域问题、nginx反向代理接口跨域
1.nginx配置解决iconfont跨域浏览器跨域访问js.css.img等常规静态资源被同源策略许可,但iconfont字体文件(eot|otf|ttf|woff|svg)例外,此时可在ngin ...
nginx【nginx跨域、nginx开启gizp压缩、nginx服务器部署项目】
nginx是一个高性能的HTTP和反向代理服务器,它使用配置文件决定如何提供内容.要监听的端口等.因此常用来做静态资源服务器和后端的反向代理服务器. 安装:brew install nginx 启动: ...

nginx跨域配置及压缩配置

nginx跨域配置及压缩配置

前言（什么是跨域请求）

常见跨域情况

跨域及压缩配置示例

nginx跨域配置及压缩配置相关推荐

最新文章

热门文章