vue——如何配置多个请求地址

vue——axios安装及封装的基础上,进行以下操作

具体如下:

第一步:

  新建一个与前文此文件( src/libraries/utils/axios.js ”)相同的页面,名称为employAxios.js

第二步:

  只需要将employAxios.js页面中的baseURL 修改为新地址即可

第三步:

  在前文src/libraries/utils/index.js 中引入并同时抛出employAxios.js

   代码为:

    

import axios from './axios'
import employAxiosfrom './employAxios'

export { axios , employAxios}

第四步:

  在前文 src/libraries/plugins/axios.js 中添加代码,修改后代码如下:

  

import { axios, employAxios } from '../utils' 
export
default Vue => {

  // mount the axios to Vue
  Object.defineProperties(Vue, {
    axios: { get: ()
=> axios },
    empoyAxios: {get: ()
=>empoyAxios}
  })

  // mount the axios to Vue component instance
  Object.defineProperties(Vue.prototype, {
    $axios: { get: ()
=> axios },
    $empoyAxios: {get: ()
=> empoyAxios}
  })

}

 

posted @ 2021-08-17 16:52  最初的样子  阅读(1591)  评论(0编辑  收藏  举报