用mock模拟的数据发请求但是报404

已于 2023-03-27 09:03:09 修改
阅读量168 收藏
点赞数
文章标签： 前端
于 2023-03-25 09:37:02 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_51901796/article/details/129763052
版权

步骤67错了

8f2925851ed84993887ceb82b8426dd1.png

 解决办法

ac10452ec55f4ec2bb36e9102d6d7583.png

 

 

weixin_51901796
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
uniapp中使用mock数据及返回404的常见原因
Sylvasylva的博客
11-02 4275
uniapp中使用mock及mock请求404常见问题
mock.js模拟数据实现前后端分离
01-19
而当统一好接口数据和格式后，前端就可以通过mock.js来模拟对应格式的数据，以此来完成页面的搭建，当后端完成接口和数据后，因为前期数据格式都是规范好的，所以只要去除掉mock.js那部分即可，而不需要再更改界面。...
Vue3解决：Mockjs 引入后并访问 404(Not Found) 的页面报错问题
狮子座的男孩
07-27 4170
但在页面 报错为：GET http://localhost:5173/list 404 (Not Found)(即：在页面并没有找到自己引入 Mockjs 时，设置的地址和假数据)功能常用于解决数据模拟问题，有了 Mock 工具模拟数据后，前后端可以同步进入开发，提升团队研发效率；前端开发往往依赖于后端数据接口，在后端接口就绪能够返回数据之前，前端通常很难开工;根据上述的问题剖析和描述，发现：在引入。项目中，引入了 Mockjs。后，设置的数据和地址有问题；
前端Mock数据时一直404
m0_53438024的博客
03-12 905
Mock数据时遇到前台无法正确找到路径
axios请求本地json报错404
小楼秋风
06-01 358
1.方法一 # 使用vue cli老版本创建的vue项目 1.在vue项目根目录下的static目录下创建json文件。例如：data.json 2.在test.vue中获取本地json数据 import axios from 'axios' export default { name: "index", data() { return {}; }, mounted() { this.getData() }, metho
TypeScript + Vue3 + mock使用过程中遇到的问题记录：mockjs发送带有参数的get的请求返回结果404，得不到响应结果
Dpl0216的博客
09-02 2226
TypeScript + Vue3 + mock使用过程中遇到的问题记录：mockjs发送带有参数的get的请求返回结果404，得不到响应结果问题的解决
axios+mockjs为什么请求会有404！！
Kidaze的博客
11-26 3485
因为main.js里面没有写require('./mock/mock.js')！！！！ ctmd！！
vue-cli项目中怎么使用mock数据
11-26
在vue项目中, mock数据可以使用 node 的 express模块搭建服务 1. 在根目录下创建 test 目录, 用来存放模拟的 json 数据, 在 test 目录下创建模拟的数据 data.json 文件 2.在build目录下的 dev-server.js的文件作...
vueElementAdminServer:node 模拟mock数据
05-14
vueElementAdminServervueElementAdmin的后台模板项目 用来模拟后台请求npm install node app.js运行后能看到 还有模拟的后台接口 ...
vue-cli3使用mock数据的方法分析
11-21
本文实例讲述了vue-cli3使用mock数据的方法。分享给大家供大家参考，具体如下： 在前后端分离的开发模式中，后端给前端提供一个接口，由...mock文件夹是一个我自己创建的用来存放模拟数据的文件夹，其中有一个json文
local-mock:本地模拟数据工具
07-06
#构建本地模拟数据本项目旨在解决本地调试ajax数据，提供本地自测数据。支持构建json数据或自定义数据。默认路由规则。##参数解释项目中config.js文件为示例文件，URLBASE为请求连接固定前缀PORT为构建请求默认输出...
element js 包含字符_VueJS中使用前端虚拟接口Mock.js
weixin_39602560的博客
11-21 83
一、简介Mock.js是一个基于NodeJS的用来模拟API的工具，可以方便让前端开发人员在开发过程中用来模拟API接口，方便与后端的联调工作，尤其方便在Vue项目中使用。官网地址：http://mockjs.com/代码托管地址：https://github.com/nuysoft/Mock二、上手使用1. 创建一个Vue项目可使用脚手架生成，这里为了方便直接使用HBuilderX创建了一个 e...
代理请求： Request failed with status code 404
热门推荐
m0_60237095的博客
11-14 5万+
第一中可能：React中将你安装的proxy 或者是 createProxyMiddleware重新安装一遍 可能是因为 版本过低的原因 vue中包这种错误： 网上找了很多例子，都无法解决这个问题，无意中看到一篇文章，原来是与mock冲突，在main.js中将mock注释掉即可。 在公司后台还没有开发完成的情况下，前端使用json-sever搭建mock服务器，模拟本地json数据。具体步骤参照具体看此文章，文章写得很好很详细，根据文章步骤即可。 另一种原因： 用postman..
React项目 fetch 本地json文件 报错404问题
weixin_46190955的博客
06-17 1618
一年没有碰React了，有点生疏了，于是自己手动搭建了一个Ract脚手架方便做练习，我使用的是redux进行状态管理 在actions的userInfo.js(功能页面，名字自己定义)中新建如下请求函数： export function getUserInfo(){ return function(dispatch){ dispatch(getUserInfoRequest()) return fetch('/api/user.json') //关键请求 .then((re
Mock模拟数据，报错:404 NotFound
weixin_45866961的博客
05-10 263
Mock报错404
vue报错解决：mock.js请求数据报错404
小张与BUG
09-27 1万+
mock.js请求数据报错404
vue项目中使用mock模拟后端数据
chensunxu的博客
08-17 3805
前言 使用mock可以让前端不在局限于后端接口，在规定好文档格式后甚至能一次性开发完整个前端接口，大大节省了对接时间，可以说是当前前端必备的技能之一了。最近做新项目，重新搭建了下框架，想着写一篇mock的配置文章，让大家共同进步。 一、npm下载插件 npm install mockjs --save-dev 二、创建mock文件夹 1.在跟目录(src目录同级)下创建mock文件夹 2.mock文件夹下新建index.js文件 import Mock from 'mockjs' i...
mock路径错误 导致找不到资源，404
qq_41510811的博客
11-17 349
记录错误信息，菜鸟继续上路
vue2 mock本地模拟 Axios Failed to load resource: the server responded with a status of 404 (Not Found)
LlanyW的专栏
12-20 1237
调用：vues配置store目录：home模块下home/index.js。在main.js，这个程序主入口文件，调用 一次。完全没有调用，必须要在程序入口执行一次。然后重新：npm run serve。vue模版页面.vue使用。路径上也没有什么问题。最后再对了一下流程发送。
vue 本地mock模拟数据请求
最新发布
07-28
在Vue项目中，可以使用mock.js来模拟数据请求。引用\[1\]中提到，mock.js可以在后端没有提供接口的情况下，自己模拟一个mock接口去请求，并且可以返回你希望得到的随机数据。这对于本地开发和演示项目非常有用。引用\[2\]中提到，使用mock.js可以完全本地化实现数据，方便前端人员定义接口数据，并且可以配合后台人员进行开发。在Vue项目中，可以通过引入mock.js并定义mock接口来模拟数据请求。例如，可以在一个mock文件夹中创建一个mock.js文件，然后在该文件中定义接口和返回的数据。在Vue组件中，可以通过发送请求来获取mock数据。引用\[3\]中给出了一个示例，展示了如何使用mock.js来请求获取.json文件的数据。在该示例中，首先引入了mock-request工具和项目的设置文件，然后定义了一个tableData函数来发送请求并获取数据。这样，你就可以在Vue项目中使用mock.js来模拟数据请求了。 #### 引用[.reference_title] - *1* [【Vue】使用mock模拟数据](https://blog.csdn.net/ZHANGYANG_1109/article/details/124547442)[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^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [vue本地模拟服务器请求mock数据](https://blog.csdn.net/liyoro/article/details/119616107)[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^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值