Nginx反向代理跨域基本配置方法


本篇内容主要讲解“Nginx反向代理跨域基本配置方法”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“Nginx反向代理跨域基本配置方法”吧!nginx接口服务反向代理基本配置
基本配置实现了页面及静态服务器的基本功能,并可以实现使用vue的history模式时的路由解析。进一步的,为了实现向接口服务器的统一转发,我们需要和后端开发人员规定接口名的前缀,比如所有接口的相对路径都以api开头,此时我们可以添加如下配置(和上一个location平级),其中主要依赖proxy_pass,实现将a.test.com下的/api/x接口转发到了b.test.com下面,这个过程大致如下cookie的交互主要就是proxy_cookie_domain,加上下面这段这个实现了,a.test.com和b.test.com域名之间cookie的传递与回写。如果用node来模拟一下的话,大致如下综上nginx反向代理的本质其实就是接口服务的转发与header的处理,仔细想想也就容易理解了。常见误区
1、无用的aca-header ?
网上很多的nginx跨域设置里面都加了跨域header设置相关的内容,比如想想上面的原理,各位看官觉得这个还有用么?aca(access-control-allow-)系列的header本身是为了cors中做协商跨域而配置的,在这里配这个纯属脱裤子放屁多此一举。
2、proxy_pass 域名带不带‘斜杠/’ ?
同样的 香港云主机,在网上看到了有的网友在配置proxy_pass的时候,会在后面加一个斜杠,如下,然后说报错啦,找不到接口啦~咋整啊~看到这个我们来想一想哈,proxy_pass的作用是抓发,加了斜杠意味着所有的/api请求都会转发到根目录下,也就是说 /api 会被 / 替代,这个时候接口路径就变了,少了一层/api。而不加斜杠的时候呢?这代表着转发到b.test.com 的域名下,/api的路径不会丢失。
针对这种情况,如果后端接口统一有了规定前缀,比如/api,那你这里就不要配置斜杠了。另一种情况,后端接口shit一样,没有统一前缀,这边又要区分,那就在前端所有接口都加一个统一前缀,比如/api,然后通过加斜杠来替换掉好了~到此,相信大家对“Nginx反向代理跨域基本配置方法”有了更深的了解,不妨来实际操作一番吧!这里是开发云网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

相关推荐: 电脑如何一键关闭所有程序

这篇文章主要讲解了“电脑如何一键关闭所有程序”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“电脑如何一键关闭所有程序”吧!具体方法:1.右键桌面空白的位置选择新建快捷方式。2.在请键入对象的位置文本框里输入以下代…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 07/18 13:51
下一篇 07/18 13:51

相关推荐