nginx解决跨域问题

如题

第一步：下载nginx

    传送门：nginx。

笔者使用的是win系统，选择的是nginx/Windows-1.20.1。

第二部：启动nginx

双击启动

## 特别注意，win下每次开机只需要启动一次，以后更改配置 cmd中 nginx -s reload 重新载入配置文件即可。多次启动会启动多个nginx进程导致你无法看到最新的更改

第三部：填写配置文件

下载完成后得到是一个压缩包，解压后进入目录（根目录/conf）。如下图

修改nginx.conf

全删掉，换成如下配置

http{

    map $http_upgrade $connection_upgrade {

        default upgrade;

        '' close;

    }

server{

        # 监听的本地端口

        listen 80;

        # 监听的本地域名

        server_name  localhost;

        # 本地前端项目

        location / {

            proxy_pass http://localhost:8080/;

        }

        # 本地前端项目静态文件

        location /static/ {

            proxy_pass http://localhost:8080/static/;

        }

        # 本地前端项目热更新

        # 正确的地址应该是：ws协议，有疑问的可以百度一下ws和http的异同

        location /sockjs-node/ {

            proxy_pass http://192.168.1.3:8080/sockjs-node/;

            proxy_set_header Host $host:$server_port;

            proxy_http_version 1.1;

            proxy_set_header Upgrade $http_upgrade;

            proxy_set_header Connection "upgrade";

        }

        # 后端地址

        location /api/ {

            proxy_pass 后台的地址;

            #如，后台的地址是http://baidu.com/，那么本地请求中http://localhost/api/xxx就会被代理到http://baidu.com/xxx

        }

    }

}

events {

    worker_connections  1024;

}

第四部：保存，重新载入nginx配置

回车

重新载入配置

完事