web应用配置多环境（Nginx转发方式）

客户端可以不写具体接口地址，通过服务器控制指向不同的地址从而达到多环境。
通过配置nginx/conf文件，处理转发分配不同环境的前端代码

server {
        listen       8080;
        server_name  localhost;
        location / {
            root   html/;
            index  index.html index.htm;
    }
    location ^~/api/ {
        rewrite ^/api/(.*)$ /$1 break;
        proxy_pass http://110.39.10.18:8019;// 该地址为web应用请求的地址，web应用中直接写成/api/
    }
}

axios请求中使用的url如下

export const url = '/api' //生产环境/测试环境/开发环境

通过配置nginx/conf文件，转发指向不同的目录

localtion ^～/river/ {
   alias  /data/web
}
localtion ^～/riverB/{
   alias  /data/webB
}
localtion ^～/riverT/{
   alias  /data/webT
}

屏幕快照 2019-01-04 下午2.02.43.png

服务器的文件目录结构

屏幕快照 2019-01-04 下午2.07.56.png