cors nginx 怎么解决_NGINX配置跨域CORS支持的正确方式
这两天在搞 酷瓜云网课 的 app,采用 uni-app 做全端支持,现学现卖,目前算是入门了。
在做 H5 的时候难免会跨域请求后端 API,虽然用 HBuilder 内置的浏览器不会有跨域问题(这个应该是做了内部处理),但是那个内置浏览器真尼妈坑爹,过一会就会卡死,导致 HBuilder 无响应,杀进程也是无济于事,只能重启,重复几次谁受的了。后来发现用外部的浏览器不会有这个问题,但是又面临跨域。
这里采用配置 nginx 来支持 CORS,这样的话就不用动任何代码了。正确的配置如下:location ~ \.php$ {
if ($request_method = 'OPTIONS') {
add_header 'Access-Control-Allow-Origin' '*' always;
add_header 'Access-Control-Allow-Methods' 'GET,POST,OPTIONS,PUT,DELETE' always;
add_header 'Access-Control-Allow-Headers' '*' always;
add_header 'Access-Control-Max-Age' 1728000 always;
add_header 'Content-Length' 0;
add_header 'Content-Type' 'text/plain; charset=utf-8';
return 204;
}
if ($request_method ~* '(GET|POST|DELETE|PUT)') {
add_header 'Access-Control-Allow-Origin' '*' always;
}
}
PS:网上很多都是采集,粘贴复制的垃圾文章,完全没有去验证的,碰到了会浪费还多时间,还会把你带坑里去。
注意:上面的配置只适合调试阶段(因为大门全开),请根据实际情况调整参数。
cors nginx 怎么解决_NGINX配置跨域CORS支持的正确方式相关推荐
- Vue Nginx反向代理配置 解决生产环境跨域
Vue本地代理举例: module.exports = {publicPath: './',devServer: {proxy: {'/api': {target: 'https://movie.do ...
- Nginx配置跨域请求 Access-Control-Allow-Origin *
Nginx配置跨域请求 Access-Control-Allow-Origin * 当出现403跨域错误的时候 No 'Access-Control-Allow-Origin' header is p ...
- Nginx 指定多个域名跨域请求配置
nginx指定多个域名跨域请求配置 什么是跨域 假设我们页面或者应用已在 http://www.test1.com 上了,而我们打算从 http://www.test2.com 请求提取数据.一般情况 ...
- Python 使用CORS跨域资源共享解决flask服务器跨域问题、浏览器同源策略
CORS 全称 Cross-origin resource sharing(跨域资源共享),只要服务端配置了 CORS,前端调用时就可以实现跨域访问了. 形式就是封装在 header 里的一些参数,例 ...
- ajax中cors解决跨域,AJAX 跨域 CORS 解决方案
两种跨域方法 在 Javascript 中跨域访问是比较常见的事情 就像现在比较流行写单页应用,而单页应用在访问 API 的时候就会有跨域的问题 要解决跨域的问题,其实也并不复杂,有两种方案可以选择 ...
- nginx配置跨域、gzip加速、代理详细讲解
1.配置跨域 这个很简单,直接打开配置nginx.conf ,在http下配置下面三行代码:当然如果你是想某一个虚拟主机下跨域,那就在哪个server下面添加 add_header Access-Co ...
- Node跨域cors模块,nodejs+express跨域
Node跨域cors模块 NodeJS+Express跨域 什么是CORS CORS(Cross-origin resource sharing),跨域资源共享,是一份浏览器技术的规范,用来避开浏览器 ...
- SpringBoot配置跨域 修改默认json序列化
SpringBoot配置跨域 修改默认json序列化 修改跨域 addCorsMappings(CorsRegistry registry)方法添加跨域设置的,无法生效,原因是请求经过的先后顺序问题, ...
- 解决ajax请求跨域,解决ajax请求跨域
跨域大部分需要通过后台解决,引起跨域的原因: 3个问题同时满足 才可能产生跨域问题,即跨域(协议,主机名,端口号中有一个不同就产生跨域) 下面是解决方法 方法一 // ajax请求跨域 /* *解决a ...
最新文章
- 数组 = 容器
- centos7下安装gcc7
- 计算机安装操作系统的目的是什么,安装计算机操作系统.doc
- javaScript获取url中的参数
- python里面的高级特性
- kali安装步骤失败 选择并安装软件_7Zip v19.00 软件安装步骤
- pat1062. Talent and Virtue (25)
- 前端工具,网址推荐,方便开发,学习。
- 网络爬虫+数据可视化
- WCDMA物理层--信道整体结构流程
- 练遇24H智能健身房获巨额融资,突破传统局限,打造新健身时代
- 区块链运作机制_区块链如何运作? 铂 4
- 未来5年的人才需求达到2000万,掌握这门技能,月入上万不是梦
- SpringBoot性能优化方案
- 名人养生贴网络疯转 跟李嘉诚们学做长寿优等生
- Java8新特性(一)—————Lambda表达式
- 【多尺度注意力的轻量化图像超分辨率】
- 浅谈一下汽车行业中的OTA/FOTA/SOTA
- 100Mhz秒脉冲发生器 vivado
- 【python学习】-matplotlib绘图如何将坐标轴刻度值设置为科学计数法形式
热门文章
- android 与后台实时视频,android选择视频文件上传到后台服务器
- [2]rubyruby on rails入门笔记---Ruby中的异常
- 【REACT-受控组件和非受控组件】
- BlueStacks让 Android 应用跑在 Windows 平台上!
- angr符号执行用例解析——CSCI-4968-MBE
- Android显示横幅样式通知
- 使用eclipse编写并运行你的第一个Android程序
- 图片传输到ipfs节点然后将生成的ipfs访问链接存到区块链
- python 相关性检验怎么计算p值_收藏 | 大神教你用Python预测未来:一文看懂时间序列...
- 使用 Amazon Personalize 快速搭建推荐服务