axios資料封裝

2021-10-07 04:56:40 字數 961 閱讀 8493

axios資料封裝

安裝axios

npm i axios -s

在src裡在建立個http資料夾建立個request.js用來建立axios例項,預設介面網域名稱url』,

預設超時時間

request.js(封裝資料請求方法)

// 基本不用封裝,只是對請求的介面位址,超時,報錯處理

import axios from 'axios'

console.log(

'request.js中的環境變數:', process.env.build_env)

// 針對npm run 來自動讀取不同環境變數

const config_env = require(

`../build/$.js`);

// 建立axios例項

const service

= axios.create(

)// 請求攔截

service.interceptors.request.use(config =

>

, _error =

>

)// 響應攔截

service.interceptors.response.use(res =

>

, error =

>

)export default service

api.js(用來統一資料請求介面);

//引入request.js

import request from './request'

// 封裝專案中常用的業務介面

例:export

function coursecomment(info)

)}

axios封裝 資料請求!!!

1.第一種方法 通過配置.env檔案來實現 參考 2 第二種方法 config dev.js prod.js dev.js module.exports prod.js module.exports npm install cross env dpackage json中配置 scripts mod...

axios基礎封裝

script新建axios資料夾,新建index.js fetch.js fetch.js如下 index.js如下 引入fetch.js檔案 import from fetch 定義獲取資料的函式getdata 其中url,type,data對應fetch config 中的config expo...

axios封裝使用

記錄專案中使用過的axios封裝,以便下次使用。import axios from axios 引用axios import from util util 引用剛才我們建立的util.js檔案,並使用getcookie方法 import qs from qs 很重要!過濾json格式化 axios ...