axios工具类 post传参为null

如果您想要使用axios工具类进行post请求，并且请求参数为null，那么您需要在请求时将请求参数设置为一个空对象{}，而不是直接传入null。

例如：

axios.post('/api/your-url', {})
  .then(response => {
    console.log(response);
  })
  .catch(error => {
    console.log(error);
  });

这样就可以发送一个post请求，请求参数为一个空对象{}。

相关问题

axios工具类 post传参 后端为null

如果你使用 Axios 工具类向后端发送 POST 请求时，出现了后端返回 null 的情况，可能是因为你的请求参数没有正确地传递到后端。

以下是一些可能导致该问题的原因和解决方法：

1. 检查请求参数名称和值是否正确。确保你在请求体中发送了正确的参数名称和值，以确保后端可以正确地解析它们。你可以使用浏览器的开发者工具或其他调试工具来检查请求体。

2. 检查请求头是否正确设置。某些后端框架可能需要在请求头中设置特定的内容类型或其他参数，以便正确解析请求体。确保你正确地设置了请求头。

3. 检查后端代码是否正确解析请求参数。如果你的后端代码无法正确解析请求体中的参数，那么它可能会返回 null。确保你的后端代码正确地解析请求参数，并将它们用于处理请求。

如果你还无法解决该问题，请提供更多详细信息，例如请求代码、后端代码和错误信息，以便我们更好地理解问题并提供帮助。

SpringBoot+vue做请求头中加token，，从后端到前端，到所有的工具类已经请求拦截器和响应拦截器的配置请给写个详细完整的例子

好的，以下是一个基于 SpringBoot + Vue 的请求头中加 token 的示例。

首先，在后端 SpringBoot 中，需要配置拦截器来验证 token。创建一个名为 TokenInterceptor 的拦截器类，并在其中实现 preHandle 方法：

@Component
public class TokenInterceptor implements HandlerInterceptor {

    @Autowired
    private JwtUtil jwtUtil;

    @Override
    public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {
        String token = request.getHeader("Authorization");
        if (token != null && token.startsWith("Bearer ")) {
            token = token.substring(7);
            if (jwtUtil.validateToken(token)) {
                return true;
            } else {
                throw new RuntimeException("Token验证失败");
            }
        } else {
            throw new RuntimeException("缺少Authorization头信息");
        }
    }
}

其中，JwtUtil 是用来生成和验证 JWT token 的工具类。在 SpringBoot 的配置类中，需要将 TokenInterceptor 注册为拦截器：

@Configuration
public class WebMvcConfig implements WebMvcConfigurer {

    @Autowired
    private TokenInterceptor tokenInterceptor;

    @Override
    public void addInterceptors(InterceptorRegistry registry) {
        registry.addInterceptor(tokenInterceptor).addPathPatterns("/**").excludePathPatterns("/login");
    }
}

在上面的代码中，我们将 TokenInterceptor 注册为拦截器，并且添加了一个 excludePathPatterns 方法，用来排除登录接口。

接下来，在前端 Vue 中，需要将 token 添加到请求头中。可以在 axios 的请求拦截器中添加一个 Authorization 头：

import axios from 'axios'

axios.interceptors.request.use(
  config => {
    const token = localStorage.getItem('token')
    if (token) {
      config.headers.Authorization = `Bearer ${token}`
    }
    return config
  },
  error => {
    return Promise.reject(error)
  }
)

在上面的代码中，我们使用 axios 的 interceptors 对象，添加了一个请求拦截器。在拦截器中，我们先从 localStorage 中获取 token，然后将其添加到请求头的 Authorization 字段中。

最后，如果使用了工具类来发送请求，也需要在工具类中添加 token：

import axios from 'axios'

const request = axios.create({
  baseURL: 'http://localhost:8080/api',
  timeout: 5000
})

export function login (data) {
  return request({
    url: '/login',
    method: 'post',
    data
  })
}

export function getUserInfo () {
  return request({
    url: '/userInfo',
    method: 'get'
  })
}

在上面的代码中，我们使用 axios 创建了一个名为 request 的对象。在发送请求时，我们直接调用 request 对象的方法，并且不需要手动添加 token。

这样就完成了请求头中加 token 的配置。需要注意的是，在每次登录时，后端需要返回一个 token 给前端，并且前端需要将其保存到 localStorage 中，以便后续使用。