Nginx反向代理解决跨域问题

<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">今天开始参与到PC端项目的开发中，一开始有很多需要安装的东西，ruby/sass/grunt/nginx</span>

之后需要配置Nginx反向代理从而解决跨域问题，这里感谢我亲爱的同事PHY直接帮我配好了，撒花~~

但不能一直劳烦人家啊，因此这里将配置文件的内容记录下。

该配置是在本地前后端各起了一个服务，前端监听 7000 端口，后端监听 3001 端口，

然后配置一个 server  监听 7770 端口，所有的请求都通过这个 server 来分发的。

首先在 nginx.conf 的同一目录下，新建一个文件 aaa.conf

#定义负载均衡设备的ip及设备状态
#后端服务
upstream backend {
server 192.168.xx.xx:3001;  #后端服务器ip
}

#前端服务
upstream frontend {
server 0.0.0.0:7000;
}

server{
#监听 7770 端口
listen 7770;

#设定本虚拟主机的访问日志
access_log  /usr/local/var/log/nginx/xxx.log;

#对/api 后缀的进行负载均衡请求
location /api {

#请求转向backend定义的服务器列表
proxy_pass http://backend; }

#默认请求
location / {
proxy_pass http://frontend; }
}

然后在nginx.conf中引入该文件，或是直接将内容写在nginx.conf中

#将arrow.conf的内容包含进来
<span style="color:#cc0000;">include arrow.conf;</span>
server {
listen       8080;
server_name  localhost;

之后在项目的目录下 grunt ，打开 http://localhost:7770/ 就可以看到项目了~~