跨域,它是由浏览器的同源策略造成的,是浏览器对javascript施加的安全限制。

相信很多小伙伴都因为“它”而头疼过,今天小编为大家介绍一种解决的方式。

首先下载nginx,然后打开文件看见如下目录

跨域解决方式---nginx_ooc

接着打开conf文件夹下,编辑nginx.conf

跨域解决方式---nginx_ooc_02

文件中我们主要编辑里面http中 upstream 变量名  server 部分

跨域解决方式---nginx_ooc_03

以上图为例,upstream he_server中的键'server' 是我本地地址,upstream she_server中的键'server'是请求接口地址(keepalive是不需要修改的)

server中listen设置一个未被占用的端口,server_name设置成本地ip就ok了

接下来location部分,例如第一个location,后面的/mapp/是自己定义的,相当于10.10.59.199:81/mapp/

proxy_pass http://he_server/MoocApp/ 中的he_server就是我们上边upstream he_server,如果想访问10.10.59.199:8080/MoocApp/就可以用10.10.59.199:81/mapp/代理了

下面的she_server也一样

将两个不同源的地址交给同一个ip、端口有去代理访问,这样就不会有跨域的问题了,这就是nginx配置跨域大概原理了