Vue项目代理+baseURL的设置

Vue项目代理+baseURL的设置

Vue.config.js里

module.exports = {
  	  devServer: {
      host: 'localhost',//target host
      port: 8080,
      //proxy:{'/api':{}},代理器中设置/api,项目中请求路径为/api的替换为target
      proxy: {
        '/api': {
          target: 'http://10.191.4.131:18088/',//代理地址,这里设置的地址会代替axios中设置的baseURL
          changeOrigin: true,// 如果接口跨域,需要进行这个参数配置
          //ws: true, // proxy websockets
          //pathRewrite方法重写url
          pathRewrite: {
            '^/api': '/'
            //pathRewrite: {'^/api': '/'} 重写之后url为http://10.191.4.131:18088/xxxx
            //pathRewrite: {'^/api': '/api'} 重写之后url为 http://10.191.4.131:18088/api/xxxx
          }
        },
        'jx': {}
      }
    },
}

设置baseURL

在Vue根目录下创建不同环境下的变量配置文件

.env.development

# just a flag
ENV = 'development'
# base api
VUE_APP_BASE_API = '/'
#开发用

.env.production

# just a flag
ENV = 'production'
# base api
VUE_APP_BASE_API = '/prod-api'
#生产用

request.js

let baseURL = ''
if (process.env.NODE_ENV === 'development') {
  baseURL = process.env.VUE_APP_BASE_API + 'jx/platform/api/v1.0/'
} else {
  baseURL = 'http://10.191.4.131:18088/jx/platform/api/v1.0/'
}

  • 3
    点赞
  • 18
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值