您的位置:首页 > Web前端 > Vue.js

新Vue-cli的api接口设置问题

2020-03-28 20:18 811 查看

1.旧版本

在之前的vue-cli版本中,是使用process.env.VUE_APP_BASE_API这个参数来获取准确地址进行请求

2.新版本

然而这个方式已经在新版本中使用了反向代理的方式取代,具体是哪个版本开始就没有具体查看,大概是3.x以后,笔者使用的是@vue/cli 4.2.3版本

proxy: {
// 本地请求地址
'/api': {
// 代理地址
target: twelvet.api,
ws: true,
// 如果接口跨域,需要进行这个参数配置
changeOrigin: true,
// 重写代理请求地址/,不然会/api/**
pathRewrite: {
'^/api': '/'
}
},
}

在官网中看到的时候,没有注意到代理两字,还是去使用process.env.VUE_APP_BASE_API去获取,下次注意!!!

至此,只要在axios的baseURL中写/api,就会把请求发送到代理地址当中!!!

  • 点赞
  • 收藏
  • 分享
  • 文章举报
twelvet 发布了5 篇原创文章 · 获赞 0 · 访问量 291 私信 关注
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: