Hbuilder开发app前端

Question

在报了 Uncaught (in promise) {msg: 'token不能为空', code: 500}错误后，我修改了这里

然后网页又报了新的错误

然后是chunk-vendors.js

Answer 1

引自免费微信小程序：皆我百晓生

首先，让我们分析一下报错的原因。根据报错信息，我们可以看到chunk-vendors.js中的一个函数调用了withCredentials方法，但是没有提供任何凭证（例如cookies）。这可能导致浏览器尝试解析请求，但找不到相应的响应。

为了修复这个问题，我们需要确保在发送请求之前，将必要的凭证传递给withCredentials方法。这可以通过在发送请求前添加额外的参数来实现。具体来说，我们需要在发送请求之前向服务器发送一个包含cookies的POST请求。

以下是修复步骤：

1. 在发送请求之前，向服务器发送一个包含cookies的POST请求。
2. 当收到服务器响应后，检查响应的状态码是否为200。
3. 如果状态码为200，继续处理响应数据；否则，返回错误消息并重新尝试发送请求。

下面是修复后的代码示例：

// 假设我们有一个发送请求的方法 `sendRequest`
function sendRequest(url, method, body, headers) {
    // 发送包含cookies的POST请求
    const options = {
        method,
        headers: {
            "Content-Type": "application/json",
            "Accept": "*/*",
            ...headers
        },
        body: JSON.stringify(body)
    };
    fetch(url, options)
        .then(response => {
            if (!response.ok) throw new Error('Network response was not ok');
            return response.json();
        })
        .then(data => {
            console.log('Received:', data);
        })
        .catch(error => {
            console.error('There was a problem with the request:', error);
        });
}

// 使用方法
const url = '/recommend/songs';
const body = {};
const cookies = {'cookie': '404'}; // 假设这个值来自用户的输入

sendRequest(url, 'GET', {}, { 'Cookie': cookies })  

这段代码首先发送一个包含cookies的POST请求到指定URL，并接收响应数据。如果响应成功，它将打印接收到的数据；如果响应失败，它将打印错误消息。这样，无论发生什么情况，我们都可以正确地处理请求并获取结果。