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}
})
}