前端vue调用request使用自定义headers时，JWT令牌消失

vue代码如下：

```js
      const uploadFile = async () => {
        const method = 'POST';
        const path = '/api/apk/file/';
        if (!formData.value.file) {
          showMessage('请选择文件', 'error');
          throw new Error('请选择文件');
        }
  
        const fileFormData = new FormData();
        fileFormData.append('file', formData.value.file);
        const headers = {
          'Content-Type': 'multipart/form-data',
        }

try {
          const response = await request({    // 此处调用request
              url: path,
              method: method,
              data: fileFormData,
              headers: headers,        // 使用自定义headers
              timeout: 50000,
          });
          if (response.data?.code !== 2000) {
            throw new Error('文件上传失败: ' + response.data?.msg);
          }
          return response.data;
        } catch (error) {
          throw new Error('文件上传失败: ' + (error.response?.data?.message || error.message));
        }
      };
  
```

结果：

```
HTTP 200 OK
Allow: GET, POST, HEAD, OPTIONS
Content-Type: application/json
Vary: Accept

{
    "code": 4000,
    "data": null,
    "msg": "身份认证信息未提供。"
}
```

抓包发现请求头无`Authorization`字段

huge-dream/django-vue3-admin

内容风险标识

评论 (0)

huge-dream/django-vue3-admin .gitee-modal { width: 500px !important; }

内容风险标识