使用nginx解决跨域问题

一、下载安装nginx

1、进入官网下载需要的版本，我这里下载的是nginc1.22.2

nginx: download

2、查看是否安装成功

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

二、修改配置文件

找到配置文件nginx.conf 修改配置 ：配置文件所在位置 conf文件夹->nginx.conf

1、修改配置

 配置代码如下

 server {
        listen       80;
        server_name  localhost;

        

        location / {
            root   html;
            index  index.html index.htm;
			proxy_pass http://192.168.1.137:8082;
			proxy_set_header Host $http_host;
        }

		location  /apis {
			proxy_pass https://api-ngd.baidu.com/core/v3;
		}
		

 三、重启nginx

修改配置文件需要重启nginx

nginx.exe -s reload

四、遇到的问题

1、重启之后接口仍不通

 

解决思路：

1. 关掉 nginx nginx -s stop
2. 查看80端口是否被占用 
3. 杀死占用的进程再次重启 nginx.exe -s reload

// 1 查看指定端口占用情况
netstat -ano |findstr "80"

// 扩展: 查看所有端口占用情况
netstat -ano


// 2 根据 列表最后的PID查看时那个今后曾
tasklist|findstr "53176" 

 // 3 杀死进程 
taskkill  /PID 53176 -T -F (其中-T是包括了子进程，-F是强制)

// 也可选择在任务管理器中结束相应的进程

 2、重启nginx报错 

 解决思路：

1. 关闭窗口 ,找到安装目录下的 nginx.exe 双击地址栏cmd打开黑窗口 
2. 输入命令  nginx.exe -t  
3. 再次重启    nginx.exe -s reload

五、关于配置之后如何访问项目

localhost:80 即代表配置文件中配置的本地地址，因此之前我的地址是http://192.168.1.137:8082/ghwd/tzbdcProject/tzbdc/index.html

现在即为http://localhost:80/ghwd/tzbdcProject/tzbdc/index.html

汇总：

ajax请求如下：

 nginx配置文件如下：

 成功的接口