从品牌网站建设到网络营销策划,从策略到执行的一站式服务
这篇文章主要介绍vue项目接口域名动态的获取方法,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
需求:
接口域名是从外部 .json 文件里获取的。
思路:
在开始加载项目前 进行接口域名获取,然后重置 接口域名的配置项。
实现:
1、config/index.js 文件 进行基础配置
import axios from 'axios' const config = { requestUrl: 'http://qiniu.eightyin.cn/path.json', //动态域名所在地址 baseUrl: { dev: '/api/', pro: 'http://xxx.com/' // 接口域名,会被动态覆盖 }, requestRemoteIp: () => { // 动态获取 return new Promise((resolve, reject) => { axios.get(config.requestUrl).then(response => { config.baseUrl.pro = response.data.data.path; config.img.domain = config.baseUrl.pro; resolve() }, err => { reject() }); }); } } export default config
咨询相关问题或预约面谈,可以通过以下方式与我们联系
成都网站建设公司地址:成都市青羊区太升南路288号锦天国际A座10层 建设咨询400-028-6601
成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.
专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网! | 成都网站建设哪家好? | 网站建设地图