介绍 import Vue 得到& # 39;vue # 39;;
import VueCookie 得到& # 39;vue-cookie& # 39;;
import axios 得到& # 39;axios& # 39;;//,import toastr 得到& # 39;. ./资产/toastr.min& # 39;;//,Vue.use (axios)
let http =, {};//,let _baseURL =, & # 39;/vpaas& # 39;
let _baseURL =, & # 39; http://localhost: 8080/vpaas& # 39;
let ContentType =,“应用程序/json";
let uploadFileType =,“多部分/form-data";
时间=http.baseURL _baseURL;/* *
,*上传文件的请求
,* @param url
,* @returns {AxiosPromise}
,*/时间=http.uploadFile function (url,,数据),{
,let config =, {
,//请求的接口,在请求的时候,如axios.get (url配置);这里的url会覆盖掉配置中的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 ===, & # 39; login.invalid.token& # 39;)), {
window.localStorage.removeItem才能(“access-user");
警报才能(“超时请重新登陆“);
时间=window.location.href 才能;& # 39;/& # 39;;
,,}
return 才能;数据;
}),
,//请求头信息
,标题:{& # 39;access-user& # 39;:, window.localStorage.getItem (& # 39; access-user& # 39;),, & # 39;内容类型# 39;:,uploadFileType},
,//跨域请求时是否需要使用凭证
,withCredentials:没错,
,//返回数据类型
,responseType: & # 39; json # 39;,,//违约
,};
,return axios.post (url、,数据,配置);
};
使用axios怎么封装一个上传文件请求?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。
axios和ajax都支持异步请求,两者使用方法大同小异,在此使用axios上传文件的请求。使用的时候只需要在响应的vue组件中引入就可以。
看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注行业资讯频道,感谢您对的支持。
