Nginx 的使用配置并利用nginx 反向代理解决跨域问题

Nginx的下载地址：http://nginx.org/en/download.html

选择适合自己系统的版本下载

下载完成解压安装包。并点击nginx.exe 开启nginx ( 会一闪之后就消失，是正常的，已经开启服务了 ) ;

在浏览器中输入http://localhost/ 会看到启动成功页面：

修改Nginx对应的项目路径

1. 找到nginx包中的conf -> nginx.conf 文件

1. 修改http ->server ->location中的 root

1. 前端写完代码之后进行打包，在项目中生成dist文件夹，浏览器路径为：http://localhost/dist/index.html#/ ， 即可查看打包后的index.html页面

浏览器中：

利用nginx 反向代理本地解决跨域问题

1. 在nginx.conf文件中配置一个反向代理路径；

1. 在ajax请求中更改请求路径url：

请求地址对比：

原请求地址 url：https://bond.jikeyun.net/index.php/interfaces/info/contact ；

更改之后 url: http://localhost/bond/index.php/interfaces/info/contact ；

在浏览器：

补充：

上面是用ajax请求接口，这里使用dva创建的项目中自带的fetch请求接口：

浏览器中：