vue项目 axios post请求后台拿不到参数

最新推荐文章于 2025-05-23 09:56:46 发布

转载最新推荐文章于 2025-05-23 09:56:46 发布 · 144 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/handsome-jm/p/8317159.html

文章标签：

#javascript #前端 #ViewUI

本文介绍了在使用axios发送POST请求时遇到的问题及解决方案。详细讲述了如何正确设置POST请求的数据部分，确保后端能够接收到预期的数据。通过使用URLSearchParams进行参数拼接，解决了前后端数据交互不匹配的问题。

项目中发现，用axios发送post请求时没有想象中的顺利

　　首先参数不像get请求用params，而是只能用data。

　　然后用就是后台显示拿到的参数为空，这个时候再Headers里面最下面显示的是：

　　而正常显示应该是：

　　这时候如果只改前端的话，可以使用如下方法：

      var params = new URLSearchParams()
      params.append('word', this.txt1)
      this.$ajax({
        method: 'post',
        url: '/sensitiveWordCheck',
        data: params
      })
      .then((res) => {
        const data = res.data
        console.log(data)
      })

转载于:https://www.cnblogs.com/handsome-jm/p/8317159.html