如何在el-upload组件中设置header以实现自定义请求头？

本文共计834个文字，预计阅读时间需要4分钟。

目录 + 在ElementUI上使用组件el-upload设置header + ElementUI中的upload组件使用总结 + 在Vue项目中，我们发送ajax请求一般都会使用axios，并在axios中设置axios.defaults.baseURL

目录

• 在ElementUI上传组件el-upload中设置header
• element-ui中的upload组件使用总结

在ElementUI上传组件el-upload中设置header

在vue项目中我们发送ajax请求一般都会使用axios，并在axios中设置axios.defaults.baseURL，请求的基本地址，并在请求拦截器中设置headers

axios.interceptors.request.use(config=>{   NProgress.start();   // 发送请求需带上token   config.headers.Authorization=window.sessionStorage.getItem("token")   return config; })

使用el-upload上传组件时，action 为必选参数，上传的地址。

但此时我们为action填写地址不能不写基本地址而仅写upload，要写完整的地址。

这是因为el-upload上传组件在上传发送请求时，不会去使用我们设置的axios，而是在组件内部自己封装了自己的请求方法。所以我们必须把地址写完整。