vue axios 给生产环境和发布环境配置不同的接口地址(推荐)
发布时间:2020-12-17 02:17:46 所属栏目:百科 来源:网络整理
导读:本项目是vue-cli搭建的项目框架,引入axios用于数据请求。配置不同的接口地址,(首先确保已经集成了axios,如对集成axios有疑问的道友,可参看我之间的一篇)操作如下 一、设置不同的接口地址 找到如下文件 /config/dev.env.js /config/prod.env.js 之后增
本项目是vue-cli搭建的项目框架,引入axios用于数据请求。配置不同的接口地址,(首先确保已经集成了axios,如对集成axios有疑问的道友,可参看我之间的一篇)操作如下 一、设置不同的接口地址找到如下文件 /config/dev.env.js /config/prod.env.js 之后增加接口地址域名配置,增加后的文件内容如下 二、在自己重新封装的axios文件中(api/api.js),将配置好的接口地址作为baseURL拼接到接口路径中详细的api.js文件可参考如下代码,根据自己公司项目组编码习惯可自作调整 三、修改main.js,引入自己重新封装好的axios文件(api/api.js),修改好的文件如下图所示四、在页面中调用,测试是否生效,开发环境调通后,build之后查看正式环境是否也生效直接调用ajax请求 {
console.log(res)
})
}
}
总结以上所述是小编给大家介绍的vue axios 给生产环境和发布环境配置不同的接口地址。编程之家 52php.cn 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持。 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |