axios 和 ajax 都支持異步請求，兩者使用方法大同小異，在此使用 axios 上傳文件的請求。使用的時候只需要在響應的 vue 組件中引入就可以。

import Vue from 'vue';import VueCookie from 'vue-cookie';import axios from 'axios';// import toastr from '../assets/toastr.min';// Vue.use(axios)let http = {};// let _baseURL = '/vpaas'let _baseURL = 'http://localhost:8080/vpaas'let ContentType = "application/json";let uploadFileType = "multipart/form-data";http.baseURL = _baseURL;/** * 上傳文件的請求 * @param url * @returns {AxiosPromise} */http.uploadFile = function (url, data) { let config = { //請求的接口，在請求的時候，如axios.get(url,config);這里的url會覆蓋掉config中的url url: url, //基礎url前綴 baseURL: _baseURL, transformResponse: [function (data1) {  var data = data1;  if (typeof data1 == "string") {  data = JSON.parse(data1);  }  //這里提前處理返回的數據;  if (data.message && (data.data === 'login.invalid.token')) {  window.localStorage.removeItem("access-user");  alert("超時請重新登陸");  window.location.href = '/';  }  return data; }], //請求頭信息 headers: {'access-user': window.localStorage.getItem('access-user'), 'Content-Type': uploadFileType}, //跨域請求時是否需要使用憑證 withCredentials: true, // 返回數據類型 responseType: 'json', //default }; return axios.post(url, data, config);};

以上這篇axios 封裝上傳文件的請求方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持錯新站長站。