Nginx 极简教程，常用场景统统解析( 四 ) _Nginx

前端和后端如果使用 http 进行交互时，请求会被拒绝，因为存在跨域问题。来看看， nginx 是怎么解决的吧：
首先，在 enable-cors.conf 文件中设置 cors ：
# allow origin listset $ACAO '*';# set single originif ($http_origin ~* (www.helloworld.com)$) {set $ACAO $http_origin;}if ($cors = "trueget") { add_header 'Access-Control-Allow-Origin' "$http_origin"; add_header 'Access-Control-Allow-Credentials' 'true'; add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS'; add_header 'Access-Control-Allow-Headers' 'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';}if ($request_method = 'OPTIONS') {set $cors "${cors}options";}if ($request_method = 'GET') {set $cors "${cors}get";}if ($request_method = 'POST') {set $cors "${cors}post";}接下来，在你的服务器中 include enable-cors.conf 来引入跨域配置：
# ----------------------------------------------------# 此文件为项目 nginx 配置片段# 可以直接在 nginx config 中 include（推荐）# 或者 copy 到现有 nginx 中，自行配置# www.helloworld.com 域名需配合 dns hosts 进行配置# 其中， api 开启了 cors ，需配合本目录下另一份配置文件# ----------------------------------------------------upstream front_server{server www.helloworld.com:9000;}upstream api_server{server www.helloworld.com:8080;}server {listen80;server_namewww.helloworld.com;location ~ ^/api/ {include enable-cors.conf;proxy_pass http://api_server;rewrite "^/api/(.*)$" /$1 break;}location ~ ^/ {proxy_pass http://front_server;}}到此，就完成了。
作者：松华说
链接：https://juejin.im/post/5f027a20f265da22e93e4f43

【Nginx 极简教程，常用场景统统解析】

Nginx 极简教程，常用场景统统解析( 四 )

推荐阅读

尖椒炒茄子丝尖椒炒茄子丝

七不三要预防学生溺水

红瘦肉的做法

关于婚姻的十条冷知识--婚姻比我们想象的更残酷

大连突降暴雨致积水严重累计转移近8000人

字条|杭州姑娘出租屋内惊现“温馨”字条，看完监控头皮发麻......

峨眉山景区|强降雨结束峨眉山景区恢复售票

近视眼两只眼睛都能分别看清，但是两只眼睛一起看就看不清，为啥

「医院」【你有多美】四川第一批138人援助湖北医疗救援队出发

鲜白茅根的功效和禁忌是什么

温州工商银行支行查询温州工商银行

看似简单的「青霉素」皮试，这些知识你未必清楚

「步步高vivo」出门不用带镜子真机欣赏：vivo X30系列alexanderwang联名限定版

小勇看世界|想低调处理，为何大半个娱乐圈明星都来了，曾志伟老婆朱锡珍去世

马斯克撞过的南墙，李斌为何还要死磕？

西安|充满仪式感,西安一小学重现古代入泮礼,重现古代开学典可以弘扬传统文化

果莓妈妈|宝妈深感疲惫，婆婆却说是爱妈妈的表现，儿子睡觉时需要摸着妈妈

文史星空|二郎神是八九玄功，悟空究竟不如在哪里？，孙悟空有72变

宸妤说娱乐那快递驿站靠什么挣钱？老板：一天500没问题，取快递是免费的

暴雪|暴雪发布新招聘信息曝光疑似正在开发新《魔兽》手游