vue构建项目对接口的调用封装

在项目这里面写入 一个配置文件 我写的是config >infex.vue（后面会附上一张图）

const env = process.env.NODE_ENV || 'prod'  这个prod就是开发模式

const EnvConfig = {
  dev: {
    // 你要和你公司的后端要的接口地址放在这里
    // 这个可以随意定义 就是一个变量 apiOrderUrl
    //http://192.168.4.90:7810/api 这个就是接口地址
	//多个接口也可以使用，定义不同的变量就可以了
    apiOrderUrl: 'http://192.168.2.71:9012/api',
    aa: 'http://192.168.2.904:9015/api',
  	bb: 'http://192.168.2.909:9017/api',
  },
  test: {
    baseApi: '/',
    moclApi: ''
  },
  //在上面写了 也要在下面符进来
  prod: {
    apiOrderUrl: '',
    aa: '',
    bb: '',
  }
}
//导出
export default {
  env,
  mock: false,
  namespace: 'xc-crm'，//项目接口名称 可以不写
  ...EnvConfig[env] //导出这个config
}

在 utils中在创建文件 做一个本地存储的一个操作，和请求拦截的一个操作（在加个照片把 怕你们看的晕，在最后哦）

//这个文件叫   *storage.js*
//对本地存储的封装 （可用可不用看你自己，也可用vuex）
import config from '@/config'
export default {
  setItem (key, val) {
    const storage = this.getStorage(config.namespace)
    storage[key] = val
    this.setStorage(storage)
  },
  getItem (key) {
    return this.getStorage()[key]
  },
  clearItem (key) {
    const storag