若依vue3+elementplus组件+springBoot实现文件从浏览器的下载时报错 请求头里没有Authorization

当你在Vue3项目中使用Element Plus组件并结合Spring Boot后，尝试通过前端发送请求下载文件时，如果报错指出缺少`Authorization`头部信息，这通常意味着服务器在处理资源下载时需要验证客户端的身份。在Spring Boot中，`Authorization`头通常是用来提供API访问令牌（如JWT）或其他认证凭据。

解决这个问题，你可以按照以下步骤操作：

1. **配置Spring Security**（如果有）：
- 确保已经启用Spring Security，并在`SecurityConfig`中配置了`@PreAuthorize`注解或相应的授权管理。
- 如果是JWT，你需要在用户登录成功后返回包含`Authorization` header的JWT token，然后在axios请求中设置`withCredentials: true`来自动传递cookie或header。

// axios实例化时添加配置
import { AxiosRequestConfig } from 'axios';
const axios = axios.create({
  baseURL: process.env.BASE_API,
  withCredentials: true, // 设置跨域时带上credentials
});

axios.interceptors.request.use(config => {
  if (store.state.user.token) { // 检查token是否存在
    config.headers.Authorization = `Bearer ${store.state.user.token}`;
  }
  return config;
}, error => Promise.reject(error));

2. **直接设置Authorization头**：
- 如果不想依赖Spring Security，可以在发送下载请求时手动设置`Authorization`头，例如在点击下载按钮的事件处理器中。

downloadFile() {
  const token = localStorage.getItem('accessToken'); // 获取token
  axios.get('/file/download', {
    headers: {
      Authorization: `Bearer ${token}`,
    },
  }).then(response => {
    // 下载文件
  });
}

3. **检查错误日志**：
- 查看Spring Boot服务器的日志，确认是否设置了正确的认证策略，以及是否接收到了预期的`Authorization`头。

4. **测试环境和生产环境的区别**：
- 确保在测试环境中也能正常工作，因为可能是生产环境的安全设置更严格。