axios无法发送application/x-www-form-urlencoded格式问题

最新推荐文章于 2024-10-30 15:20:43 发布

原创最新推荐文章于 2024-10-30 15:20:43 发布 · 505 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #js #javascript

js 同时被 3 个专栏收录

3 篇文章

订阅专栏

react

2 篇文章

订阅专栏

axios

1 篇文章

订阅专栏

在使用axios进行API调用时遇到一个问题，当设置`Content-Type`为`application/x-www-form-urlencoded`时，请求无法得到响应。通过在请求拦截器中正确设置`Content-Type`并使用`URLSearchParams`对象来拼接参数，问题得到了解决。这个解决方案对于前端开发者处理POST请求的格式化参数具有参考价值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用 postman 发送 application/x-www-form-urlencoded 可以正常接收到响应
但是通过axios添加 config.headers[‘Content-Type’] = “application/x-www-form-urlencoded” 无法响应
解决：

请求拦截器加入
config.headers['Content-Type'] = "application/x-www-form-urlencoded"
请求时用下面的方式拼接参数
 export function updateSettingSpeed(data) {
     let param = new URLSearchParams();
     param.append("appId", data.appId);
     param.append("speed", data.speed);
     return post("/xxx/xxx",param);
 }