Vue Axios 查询字符串转义特殊字符

Posted 2023-02-22

【中文标题】Vue Axios 查询字符串转义特殊字符

【英文标题】：Vue Axios query string escaping special characters

【发布时间】：2022-01-19 13:34:21

【问题描述】：

当字符串包含“+”或“&”符号时，我遇到了 Axios GET 查询字符串参数的问题。 我试过使用 encodeURIComponent ，我得到了

http://localhost:8001/api/data?page=1&paginate=20&term=S%2BM%20Company

当尝试查询作为值位于数据库表中的 S+M 公司时。 尝试只查询一个字符串而不对其进行编码会在

之后中断

http://localhost:8001/api/data?page=1&paginate=20&term=S+M.

字符串从纯文本字段添加到url，var是

url = url + &term=$this.search

任何建议将不胜感激。谢谢！

【参考方案1】：

有一个内置的帮助器：

https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParams/URLSearchParams

像这样使用它：

const data = 
  queryOne: 'value1',
  queryTwo: 'value2'
;

const myParams = new URLSearchParams(data);
myParams.toString()