跨域问题 - Nginx反向代理

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了跨域问题 - Nginx反向代理相关的知识,希望对你有一定的参考价值。

Nginx反向代理的思路,就是通过Nginx解析URL地址的时候进行判断,将请求转发的具体的服务器上。

解决思路

跨域问题,是由于javascript出于安全方面的考虑,不允许跨域调用其他页面的对象。

如果,我们将不同的域名整合到一个域,换句话说,通过子目录的方式划分,是不是就能解决跨域问题呢?

 

解决跨域问题

  • 自定义本地的url请求规则 ,如 www.720ui.com/blog 则对应要nginx服务转发到 blog.720ui.com 。
  • 配置 nginx.conf 文件,将本地带有特定前缀的URL接口请求转发到要跨域的真实物理服务器上。
  server {
    listen 80;
    server_name www.720ui.com;
    location ^~ /blog/ {
      proxy_pass http://blog.720ui.com/;
    }
  }
  • Nginx服务转发请求到真实物理服务器。Nginx服务将真实物理服务器传回的数据转发给web端

以上是关于跨域问题 - Nginx反向代理的主要内容,如果未能解决你的问题,请参考以下文章

Nginx的反向代理跨域

Nginx转发+反向代理实现跨域接口转发

uniapp之h5反向代理设置踩坑,解决跨域问题

webpack配置proxy反向代理,解决跨域问题

前端通过Nginx反向代理解决跨域问题

Vue Nginx反向代理配置 解决生产环境跨域