uniapp uni.request流式输出中文 - 无需定时器 - 示例代码

以下是一个使用uni.request流式输出中文的示例代码：\n\nhtml\n<template>\n <view>\n <button @click="startRequest">开始请求</button>\n <view>{{ response }}</view>\n </view>\n</template>\n\n<script>\nexport default {\n data() {\n return {\n response: ''\n }\n },\n methods: {\n startRequest() {\n uni.request({\n url: 'https://api.example.com',\n success: (res) => {\n this.handleResponse(res)\n }\n })\n },\n handleResponse(res) {\n const reader = res.createReader()\n const decoder = new TextDecoder("utf-8")\n let result = ''\n \n const readChunk = () => {\n reader.read().then(({ done, value }) => {\n if (done) {\n this.response = result\n return\n }\n \n result += decoder.decode(value, { stream: true })\n readChunk()\n })\n }\n \n readChunk()\n }\n }\n}\n</script>\n\n\n在这个示例中，我们通过uni.request发送请求，并在请求成功后调用handleResponse方法处理响应。handleResponse方法中，我们创建了一个ResponseStream对象，并使用TextDecoder解码响应数据。然后，我们使用递归调用异步函数readChunk来逐个读取响应的数据块，将其解码并追加到result变量中。最后，我们将result赋值给response变量，以在页面上显示响应内容。