Axios params不工作，但硬编码的url工作？

Axios是一个流行的基于Promise的HTTP客户端，用于发送HTTP请求。它提供了许多功能，包括设置请求参数、拦截请求和响应、处理错误等。

当使用Axios发送请求时，可以通过params参数传递查询参数。这些参数将被添加到URL的末尾，以便服务器可以解析它们。然而，有时候在使用params参数时可能会遇到问题，而直接在URL中硬编码查询参数却可以正常工作。

这种情况通常是由于参数的格式或编码问题导致的。当使用params参数时，Axios会自动将参数进行URL编码，以确保它们在URL中的传输是安全和正确的。但是，有些特殊字符可能无法正确地被编码，从而导致请求失败。

解决这个问题的方法是手动对参数进行编码，然后将编码后的参数作为字符串添加到URL中。可以使用JavaScript的encodeURIComponent函数来对参数进行编码。

以下是一个示例代码，展示了如何手动编码参数并将其添加到URL中：

import axios from 'axios';

const baseUrl = 'https://example.com/api';
const params = {
  key1: 'value1',
  key2: 'value2',
};

// 手动编码参数并添加到URL中
const url = `${baseUrl}?${Object.keys(params).map(key => `${encodeURIComponent(key)}=${encodeURIComponent(params[key])}`).join('&')}`;

axios.get(url)
  .then(response => {
    // 处理响应
  })
  .catch(error => {
    // 处理错误
  });

在上面的示例中，我们使用了Object.keys和map函数来遍历params对象的键值对，并使用encodeURIComponent函数对它们进行编码。然后，我们使用join函数将编码后的键值对连接成一个字符串，并将其添加到baseUrl后面形成完整的URL。

这样，我们就可以通过手动编码参数并添加到URL中的方式来解决Axios params不工作的问题。

关于Axios的更多信息和使用方法，你可以参考腾讯云的Axios产品介绍页面：Axios产品介绍