axios上传文件的api封装

六时二一

已于 2023-07-09 22:10:08 修改

阅读量523

点赞数

CC 4.0 BY-SA版权

分类专栏：项目笔记文章标签：前端 javascript

于 2023-07-09 22:07:05 首次发布

本文链接：https://blog.youkuaiyun.com/liushi21/article/details/131628228

项目笔记专栏收录该内容

23 篇文章

订阅专栏

文章介绍了如何使用Axios进行API封装，特别是如何在请求拦截器中自动添加token和baseUrl，以及如何处理文件上传，将file放入formData并设置正确的Content-Type。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言

axios已完成封装，在请求拦截器中自动添加token、baseUrl。并且要求file放在formData中

封装API

import request from '@/utils/request'

export function uploadFile(file){
    let fd = new FormData()
    fd.append('file', file)  
    // 如果上传的是一个fileList，那自己加个判断再遍历 append一下就行
    
    return request({
        url: '接口url',
        method: 'POST',
        data: fd,
        headers: {
            'Content-Type': 'multipart/form-data',
        }
    })
}