前端使用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.如图进行配置
前端使用nginx反向代理跨域基础DEMO
3.修改配置项后,一定记得重启nginx

2.使用express启动服务

前端使用nginx反向代理跨域基础DEMO
不会express.js启动服务的,请自行百度相关教程。

3.实现反向代理的效果

错误示范

1.启动本地服务直接请求接口
当你直接使用localhost:9257这个地址去请求接口的时候,因为没有经过nginx代理,所以会报404错误
前端使用nginx反向代理跨域基础DEMO

正确示范

localhost经过nginx代理,所以能正确请求到接口内容。
前端使用nginx反向代理跨域基础DEMO