微信小程序get请求在路径拼接汉字乱码问题

微信小程序使用 `wx.request` 进行 HTTP 请求时，如果在路径中携带中文等非 ASCII 字符，需要将其进行 URL 编码。可以使用 `encodeURI` 函数或者 `encodeURIComponent` 函数进行编码。

- `encodeURI` 函数用于对整个 URL 进行编码，不包括 `:/?#[]@!$&'()*+,;=` 这些字符。
- `encodeURIComponent` 函数用于对 URL 中的参数进行编码，包括 `:/?#[]@!$&'()*+,;=` 这些字符。

示例代码：

const url = 'https://example.com/api?param=' + encodeURIComponent('中文');
wx.request({
  url: url,
  success: (res) => {
    console.log(res);
  }
});

在服务端接收到请求后，需要对 URL 中的参数进行解码。在 Node.js 中，可以使用 `decodeURIComponent` 函数进行解码，例如：

const param = decodeURIComponent(req.query.param);

这样就可以避免在微信小程序中进行 HTTP 请求时路径拼接中文出现乱码的问题。

相关问题

微信小程序封装get和post请求接口的封装

微信小程序封装get和post请求接口可以提高开发效率和代码复用性。我们可以创建一个封装网络请求的工具类，定义两个方法，分别用于发送get请求和post请求。

首先，我们创建一个util.js文件，定义一个request方法，用于发送请求。该方法接收四个参数：url（请求地址）、method（请求方法，可选值为'GET'或'POST'）、data（请求参数，可选值为空对象{}）、header（请求头部信息，可选值为{"content-type": "application/json"}）。在该方法内部，首先使用wx.request方法发送请求，并将参数传入request方法中。然后在success和fail回调方法中，分别处理请求成功和请求失败的情况。对于请求成功的情况，可以使用Promise封装处理成功的状态，将返回的数据传递给then方法。对于请求失败的情况，可以使用Promise封装处理失败的状态，将失败的信息传递给catch方法。

在util.js文件中，我们定义两个方法：get和post，分别用于发送get请求和post请求。在这两个方法内部，我们直接调用request方法，并传递相应的参数。对于get请求，我们将method设置为'GET'，将data设置为空对象，即可发送get请求。对于post请求，我们将method设置为'POST'，将data设置为我们要发送的参数，即可发送post请求。

使用封装的get和post请求接口，可以简化我们发送网络请求的代码。只需在需要发送请求的地方，引入封装的util.js文件，调用相应的get或post方法，并传递相应的参数即可。

通过封装get和post请求接口，我们可以实现网络请求的复用，提高开发效率，并且可以统一处理请求成功和失败的情况，使代码更加简洁和可维护。

微信小程序开发请求接口

微信小程序开发中，可以使用wx.request方法来发送请求接口。在这个方法中，常用的属性包括url、method和data。url是网络请求地址，用于指定要请求的接口地址。method是请求方法，可以是GET或POST。GET方法用于获取数据，而POST方法用于提交数据。data是请求参数，可以在这里传递需要发送给接口的数据。对于POST请求，参数会放在请求的body中，而GET请求的参数会放在URL中。需要注意的是，GET请求的参数有长度限制，而POST请求没有限制。此外，GET请求的参数会被保留在浏览器历史记录中，而POST请求的参数不会被保留。GET请求的参数会暴露在URL上，因此不适合传递敏感信息。\[1\]\[2\]
#### 引用[.reference_title]
- *1* *2* [微信小程序wx.request请求](https://blog.csdn.net/weixin_47175781/article/details/108842877)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]