vue项目接口域名动态的获取方法-创新互联

这篇文章主要介绍vue项目接口域名动态的获取方法，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

成都创新互联公司-专业网站定制、快速模板网站建设、高性价比唐河网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式唐河网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖唐河地区。费用合理售后完善，10年实体公司更值得信赖。

需求：

接口域名是从外部 .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

文章名称：vue项目接口域名动态的获取方法-创新互联
本文路径：http://cdkjz.cn/article/cosids.html