前端使用nginx反向代理跨域基础DEMO

准备工作

1.nginx下载与安装
2.express.js脚手架的初始化

1.niginx的配置

1.安装好nginx后在对应的文件夹下找到C:\Users\asus\Desktop\nginx-1.18.0\nginx-1.18.0\conf\nginx.conf文件；
2.如图进行配置

3.修改配置项后，一定记得重启nginx

2.使用express启动服务

不会express.js启动服务的，请自行百度相关教程。

3.实现反向代理的效果

错误示范

1.启动本地服务直接请求接口
当你直接使用localhost:9257这个地址去请求接口的时候，因为没有经过nginx代理，所以会报404错误

正确示范

localhost经过nginx代理，所以能正确请求到接口内容。