nginx配置跨域 vue反向代理

nginx解决跨域原理及相关配置

1、什么是跨域

从某一个域请求其他域的各类资源，其中只要两个地址的域名、端口以及协议有不同的地方就会视为跨域，跨域资源无法直接获取。
比如：
域名不同 www.baidu.com/1.html 请求 www.baidu1.com/1.js
端口不同 www.baidu.com:8000/1.html 请求 www.baidu1.com:8001/1.js
协议不同 http://www.baidu.com/1.html 请求 https://www.baidu1.com/1.html

2、nginx如何解决跨域问题

拿上面的来举例，a网站向b网站请求1.js文件时，向b网站发送一个获取的请求，nginx根据配置文件接收这个请求，代替a网站向b网站来请求这个资源，nginx拿到这个资源后再返回给a网站，以此来解决了跨域问题。

3、nginx配置

>   server {
>         #监听8000端口
>         listen       8000;
>         #监听指定的ip地址
>         server_name  10.10.2.116;
>         #对对应url路径执行反向代理,如10.10.2.116:8000/demo
>         location /demo {
>         #目标的ip地址
>             proxy_pass http://10.10.2.116:10037; 
>         } }

4.实例