如何处理通过 url 发送的问号？

Question

我正在使用 axios 将一些字符串发送到我的数据库。 我发送的当前内容是

1: Header -> the value can be anything such as "Who is Michael Scott?"
2: Body -> the value can be anything such as "Why do people quote Michael Scott a lot?"

我使用的 axios 命令是：

  axios.post(`/post/create/${Header}/${Body}`).then(result => {
    alert("Your post has been added!")
    console.log("Posted")
  }).catch(function (error) {
      // Output error
      console.log(error);
  });

url（地址栏）中的output是：

http://my_ip_here:3000/api/v1/post/create/Who%20is%20Michael%20Scott?/Why%20do%20people%20quote%20Michael%20Scott%20a%20lot?/

由于问号，这最终给了我一个 404。 我的问题是，如何处理作为 url 参数传递的字符串中的问号？

如果有帮助，我使用 React.js、Axios 和 Mysql。

Answer 1

您需要对它们进行 URL 编码。

在将它们的值传递给 axios 之前，请确保运行encodeURIComponent(myString) 。

也许是这样：

axios.post(`/post/create/${encodeURIComponent(Header)}/${encodeURIComponent(Body)}`).then(result => {...}

Answer 2

我想如果你使用这个 url: /post/create/${Header}/${Body}不是最佳实践。 如果您使用 post 方法，我建议您在正文中传递您的数据。

axios.post(`/post/create/`, {header: Header, body:Body}).then(result => {
    alert("Your post has been added!")
    console.log("Posted")
}).catch(function (error) {
    // Output error
    console.log(error);
});