上传附件
export function UpLoadImg(file) { console.log(file) const param = new FormData() // 创建form对象 param.append('image', file) // 通过append向form对象添加数据 const config = { headers: { 'Content-Type': 'multipart/form-data' } } return request.post('/upload/image', param, config) }
request.js
import axios from 'axios' import { Message, MessageBox } from 'element-ui' import store from '@/store' import { getToken } from '@/utils/auth' // create an axios instance const service = axios.create({ baseURL: process.env.VUE_APP_BASE_API, // url = base url + request url // withCredentials: true, // send cookies when cross-domain requests timeout: 5000, // request timeout headers: { 'Content-Type': 'application/json;charset=utf-8' } }) // request interceptor service.interceptors.request.use( config => { // do something before request is sent if (store.getters.token) { config.headers['Authorization'] = `${getToken()}` } return config }, error => { // do something with request error console.log(error) // for debug return Promise.reject(error) } ) // response interceptor service.interceptors.response.use( /** * If you want to get http information such as headers or status * Please return response => response */ /** * Determine the request status by custom code * Here is just an example * You can also judge the status by HTTP Status Code */ response => { const res = response.data // if the custom code is not 20000, it is judged as an error. if (res.success != 1) { Message({ message: res.msg || res.message || 'Error', type: 'error', duration: 5 * 1000 }) // 50008: Illegal token; 50012: Other clients logged in; 50014: Token expired; if (res.code === 401) { // to re-login MessageBox.confirm('登录到期,请重新登录!', '提示', { confirmButtonText: '重新登录', cancelButtonText: '关闭', type: 'warning' }).then(() => { store.dispatch('user/resetToken').then(() => { location.reload() }) }) } return Promise.reject(new Error(res.msg || res.message || 'Error')) } else { return res } }, error => { if (error.response.data.msg == '登录信息失效,请重新登录!') { MessageBox.confirm('登录到期,请重新登录!', '提示', { confirmButtonText: '重新登录', cancelButtonText: '关闭', type: 'warning' }).then(() => { store.dispatch('user/resetToken').then(() => { location.reload() }) }) } else { console.log('err' + error) // for debug Message({ message: error.response.data.msg || error.message, type: 'error', duration: 5 * 1000 }) } return Promise.reject(error) } ) export default service