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
}

服务器的文件目录结构

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

扫码关注云+社区

领取腾讯云代金券