使用mock后 Request failed with status code 404

"Request failed with status code 404" 表示请求的资源未找到。这可能是因为您的 mock 配置不正确，或者请求的 URL 不正确。

您可以检查以下几个方面：

1. 检查 mock 配置文件是否正确。确保您已经正确地设置了 mock 数据和 URL。

2. 确保您的请求 URL 是正确的。您可以打印出请求的 URL，以确保它与您期望的一样。

3. 您的后端服务器是否正在运行？如果您的后端服务器没有运行，则无论您如何设置 mock 都无法获得正确的响应。

如果您仍然无法解决问题，请尝试使用浏览器的开发者工具查看请求和响应。这可能会给您更多的信息来排除问题。

相关问题

vue3使用mock404

为了在Vue3中使用mock，你需要安装mockjs和axios-mock-adapter。你可以使用以下命令进行安装：

npm install mockjs axios-mock-adapter --save-dev

然后在你的代码中，你需要导入mockjs和axios-mock-adapter，并使用axios-mock-adapter来模拟请求。以下是一个示例代码：

import axios from 'axios';
import MockAdapter from 'axios-mock-adapter';
import Mock from 'mockjs';

const mock = new MockAdapter(axios);

mock.onPost('/news/index').reply(404, {
  code: 404,
  message: 'Not Found'
});

// 在这里添加你的其他mock数据

export default mock;

在这个示例中，我们使用MockAdapter来拦截POST请求到/news/index，并返回一个404错误。你可以根据你的需要添加其他的mock数据。

vscode运行Failed to load resource: the server responded with a status of 404 (Not Found)

根据提供的引用内容，你的问题是关于在VSCode运行时出现404错误的。根据引用\[1\]，你的代码中引入了一个名为mockServer的模块，并在最后使用了npm run serve命令来重启项目。根据引用\[2\]，你的代码中还引入了axios和nprogress模块，并对axios进行了二次封装，包括配置了基本路径和请求超时时间，并添加了请求和响应拦截器。根据引用\[3\]，你在Vue模板页面中使用了Vuex来派发一个名为getBannerList的action来发送Ajax请求获取轮播图数据。

根据你提供的信息，404错误通常表示请求的资源未找到。这可能是由于你的代码中某个请求的路径不正确导致的。你可以检查你的代码中的请求路径是否正确，并确保请求的资源存在于服务器上。另外，你还可以查看浏览器的开发者工具中的网络选项卡，以获取更详细的错误信息。

总结回答：根据你提供的信息，404错误通常表示请求的资源未找到。你可以检查你的代码中的请求路径是否正确，并确保请求的资源存在于服务器上。另外，你还可以查看浏览器的开发者工具中的网络选项卡，以获取更详细的错误信息。
#### 引用[.reference_title]
- *1* *2* *3* [Axios Failed to load resource: the server responded with a status of 404 (Not Found)](https://blog.csdn.net/LlanyW/article/details/128381553)[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^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]