axios 拦截器interceptors转换参数格式

最新推荐文章于 2025-07-10 00:34:36 发布

原创最新推荐文章于 2025-07-10 00:34:36 发布 · 2.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue #axios #拦截器 #全局 #interceptors

vue vuex vue-router 专栏收录该内容

29 篇文章

订阅专栏

本文介绍如何在全局拦截器中实现POST数据的格式转换，通过使用encodeURI解决URL乱码问题，并针对特定URL配置transformRequest来调整POST数据格式。

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

全局拦截器内添加post数据转换格式

http.interceptors.request.use(function (config) { 
    config.url  = encodeURI(config.url);//解决url乱码
    if (config.url=='xxxxxxxxxxxxxxx') {

      config.transformRequest=[function (data) {

        let ret = '';

        for (let it in data) {

          ret += encodeURIComponent(it) + '=' + encodeURIComponent(data[it]) + '&'

        }

        return ret;

      }]

}

  return config;

}, function (error) {
     return Promise.reject(error);

});