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/ 就可以看到项目了~~