本帖最后由 QvQsuipian 于 2023-12-11 14:33 编辑
出现这种情况的原因可能是因为登录请求返回的响应数据格式不正确，导致vue页面中的then函数没有正常执行，而是直接跳到了catch函数中。
你可以在catch函数中打印出错误信息来排查问题：
[Asm] 纯文本查看 复制代码 .catch((error) => {
console.log(error);
});
在控制台中查看输出的错误信息，看看是否有更多的提示信息可以帮助你解决问题。
如果错误信息并不明确，你可以尝试在request.js文件中添加一些调试代码来查看请求和响应的详细信息：
[JavaScript] 纯文本查看 复制代码 console.log(`Request url: ${config.url}`);
console.log(`Request method: ${config.method}`);
console.log(`Request headers: ${JSON.stringify(config.headers)}`);
console.log(`Request data: ${JSON.stringify(config.data)}`);
return instance(config).then((response) => {
console.log(`Response data: ${JSON.stringify(response.data)}`);
return response.data;
});
这样做可以让你更清楚地了解请求和响应的细节，找到问题所在。
此外，还要确保后端API返回的响应数据是一个包含正确格式的JSON对象，例如：
[JavaScript] 纯文本查看 复制代码 {
"code": 0,
"data": {
"token": "xxxx"
},
"message": "登录成功"
}
其中`code`表示请求状态码，`data`表示响应数据，`message`表示响应消息。如果响应数据格式不正确，那么前端页面就无法正常解析响应数据，导致then函数没有正常执行。 | 
[复制链接]
发表于 2023-12-11 14:18
|
发表于 2023-12-11 14:40
