element-ui
因為需要代理接口呀狼，就需要使用http-request進行自定義上傳
:with-credentials="true"
:http-request="customUpload"
customUpload(fileobj) {
let _data = new FormData();
_data.append('file', fileobj.file)
protoUpload(_data)
}
axios
上傳文件中工秩，需要設(shè)置 ['Content-Type'] === 'multipart/form-data'
需要在axios中對post數(shù)據(jù)分別進行處理：
axiosServer.interceptors.request.use(
config => {
// token
if (false) {
config.headers.common['Authorization'] = AUTH_TOKEN
}
// get post 默認處理
if (config.method === 'get') {
return config
}
if (config.method === 'post') {
//multipart/form-data
if (config.headers['Content-Type'] === 'multipart/form-data') {
return config
}
// application/x-www-form-urlencoded
config.data = qs.stringify({ ...config.data })
return config
}
},
err => {
return Promise.reject(err)
}
)
function postData(url, data, config) {
return $axios.post(url, data, config)
}
export const protoUpload = (data) => postData('/manage/upload',data ,{ headers: { 'Content-Type': 'multipart/form-data' }})
