关于axios 请求参数spring boot后台接收不到问题小结

最新推荐文章于 2025-01-06 20:09:47 发布

原创最新推荐文章于 2025-01-06 20:09:47 发布 · 4.5k 阅读

2 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

4 篇文章

订阅专栏

本文介绍如何使用 Axios 发送 POST 请求并正确处理参数。通过使用 URLSearchParams 或 qs 库来格式化请求数据，确保后端能接收到正确的参数。同时，文章还介绍了如何设置请求拦截器以自动进行参数格式化，并解决了跨域会话问题。

axios https://github.com/axios/axios/blob/master/README.md#using-applicationx-www-form-urlencoded-format

后台接受不到参数问题：

      axios({
        method: 'POST',
        url: 'session/login',
        data: {
          name: '111@qq.com',
          pwd: 'testpwd'
        }
      });

添加请求拦截器：使用qs或者URLSearchParams解决：

    // 添加请求拦截器
      axios.interceptors.request.use(function (config) {
        // 在发送请求之前,格式化参数，增加token
        let data = config.data;
        let params = new URLSearchParams()
        for (var key in config.data) {
          params.append(key, data[key])
        }
      //params.append("tokenStr", getTimes())
        config.data = params;
        return config;
      }, function (error) {   
      
        return Promise.reject(error);
      });