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

}

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM