nginx跨域配置

一. 产生跨域的原因

1.浏览器限制

2.跨域

3.XHR（XMLHttpRequest）请求

二. 解决思路

解决跨域有多重，在这里主要讲用nginx解决跨域

1.JSONP

2.nginx代理

3.浏览器禁止检查跨域

三. 下载安装nginx

• 选择其中一个版本下载，再解压即可使用

• 在nginx目录下输入nginx -v，若出现版本号，则安装成功

nginx常用命令

启动命令
start nginx
nginx.exe
建议使用第一种，第二种会使你的cmd窗口一直处于执行中，不能进行其他命令操作。
停止
nginx.exe -s stop
nginx.exe -s quit
stop是快速停止nginx，可能并不保存相关信息；quit是完整有序的停止nginx，并保存相关信息。
重载nginx
nginx.exe -s reload
当配置信息修改，需要重新载入这些配置时使用此命令。

nginx删除原有的代理但是任然生效

taskkill /f /t /im nginx.exe

nginx配置代理

server {
        listen       801;//这里是nginx的端口号，并不是监听的端口号
        server_name  localhost;
       location /{
           add_header Access-Control-Allow-Origin *;
           //服务器默认是不被允许跨域的。给Nginx服务器配置Access-Control-Allow-Origin *后，表示服务器可以接受所有的请求源（Origin）,即接受所有跨域的请求。
            proxy_pass http://localhost:3000;
        }
         //请求localhost:801/api会被代理到设置的地址
        location /api{
            add_header Access-Control-Allow-Origin *;
            proxy_pass http://localhost:3000/string;
        }
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }

        
    }

<script>
    $.get('http://localhost:801/api').then(res => {
        console.log(res)
    })
</script>