前端跨域代理------nginx详细

网络上很多nginx资源，我已经帮你们都看过了，千篇一律。
demo示例：
客户端：http://localhost:5500/case/index.html
服务端：http://localhost:3000

后端使用node.js写的接口 监听3000端口 ‘/’

很简易的一个demo
node [yourfilename].js 将它运行

前端页面发送一个请求到这个后端服务

点击请求获取后端传回来的数据,

很显然，端口不同会出现跨域问题。

接下来我们就处理跨域问题
我们这里用到的是 nginx 来进行代理

---

下载安装不必说了吧
必要的指令( window ) 其它系统自己查
start nginx 启动
nginx -s -reload 重启 ( 修改了config配置都需要重启一遍 )
nginx -s stop 强制关闭
还有个kill 啥的 强制关闭进程

我们下载好了之后找个地方放， 其它文件不要动，此案例我们只修改
conf->nginx.conf 里面的配置

server 里的配置信息 可以全部注释掉 自己重新配置

这里就是我为客户端和服务器端配置的一些信息

参数解释:
listen : 自己为nginx配置的端口 , 后续代理的项目都需要基于这个端口下
location : 匹配的url， 网上很多匹配的方法 自己查
proxy_pass 匹配成功的URL， 这里是重新指向分发到指定的服务url
( 注意这里 xxxx/ ‘/’ 很重要， 笔者在这里搞了很久，没注意到路径不对，请求的页面都是 get cannot‘xxx’ )

最后配置好了
注意把客户端的请求地址改一下

以上配置已全部完成，最后在浏览器观摩一下
输入网址:
http://localhost:[nginx配置监听的端口]/case/index.html

以上~
此致各位同路人