axios請求封裝

首先在vue專案下安裝axios以及支援非同步提示的iview元件庫

npm install axios

npm install iview

在src資料夾下新建axios資料夾，在其中新建api.js用於存放介面，request.js用於封裝axios物件

編寫request.js

123

4567
891011
1213
1415
1617
1819
2021
2223
2425
2627
2829
3031
3233

import axios from "axios";

import vue from 'vue'
const service = axios.create(); //axios物件，設定公共位址和超時
//請求攔截
service.interceptors.request.use(config => ,error => );
// 響應攔截
service.interceptors.response.use(response =>  else
},error => );
export default service;

123

4567
891011

import service from './request'

export const login = data => )
}//..others

123

4567
891011
1213
1415
1617
18

import  from "../axios/api" //按需匯入

export default  else
await login();}},
// ...
}

axios請求封裝

axios請求封裝 新建http.js import axios from axios 匯入axios import router from router 匯入路由 import qs from qs import from element ui 匯入element ui const configb...

axios 請求與封裝

get請求的兩種方法 from data 表單提交 上傳 檔案上傳 let data axios.post post data then res axios then res from data 表單提交 let formdata new formdata for let key in data a...

vue 封裝axios請求

最近接手新的vue專案，發現axios竟然沒有封裝，立馬動手封裝，這裡記錄一下完整的封裝過程，廢話不說，直接上 baseconfig.js檔案 存放各個伺服器的位址 const express require express const proenv require pro.env 生產環境配置檔案...