<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;
}
}
#将arrow.conf的内容包含进来
<span style="color:#cc0000;">include arrow.conf;</span>
server {
listen 8080;
server_name localhost;
之后在项目的目录下 grunt ,打开 http://localhost:7770/ 就可以看到项目了~~