前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >web应用配置多环境(Nginx转发方式)

web应用配置多环境(Nginx转发方式)

作者头像
程序员不务正业
发布2019-06-13 19:11:38
2.6K0
发布2019-06-13 19:11:38
举报
文章被收录于专栏:移动端周边技术扩展

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

代码语言:javascript
复制
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如下

代码语言:javascript
复制
export const url = '/api' //生产环境/测试环境/开发环境

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

代码语言:javascript
复制
localtion ^~/river/ {
   alias  /data/web
}
localtion ^~/riverB/{
   alias  /data/webB
}
localtion ^~/riverT/{
   alias  /data/webT
}

服务器的文件目录结构

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019.06.13 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档