当你在Vue中使用Mockjs和axios的时候为什么会报404？

最新推荐文章于 2023-12-25 16:41:45 发布
最新推荐文章于 2023-12-25 16:41:45 发布
阅读量3.2k 收藏
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wh7pwb98/article/details/103455446
版权

当你在Vue中使用Mockjs和axios的时候为什么会报404？

在这里插入图片描述
emmmm， 你可能需要看下main.js里面有没有把mock放进去， CTMD，烦躁
在这里插入图片描述
mock是你写的Mock文件

爱旅行的小杨
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
TypeScript + Vue3 + mock使用过程中遇到的问题记录：mockjs发送带有参数的get的请求返回结果404，得不到响应结果
Dpl0216的博客
09-02 2293
TypeScript + Vue3 + mock使用过程中遇到的问题记录：mockjs发送带有参数的get的请求返回结果404，得不到响应结果问题的解决
vue-cli中mock本地json数据踩雷：报错404 （GET http://localhost:8080/goods 404 (Not Found) ）
low666的博客
09-16 1万+
标题vue-cli中mock本地json数据踩雷：报错404 运用vue的脚手架进行了项目的搭建，想要通过json文件模拟后台传输数据，结果一直报错：404，经过不断的查找资料和调试终于找到问题的所在。 想通过本地的json文件进行数据的请求，首先要建立一个goods.json的文件，进行数据储存。 { "status":"0", "msg":"", "result":[ {...
mock路径错误 导致找不到资源，404
qq_41510811的博客
11-17 367
记录错误信息，菜鸟继续上路
Vue3解决：Mockjs 引入后并访问 404(Not Found) 的页面报错问题
狮子座的男孩
07-27 4555
但在页面 报错为：GET http://localhost:5173/list 404 (Not Found)(即：在页面并没有找到自己引入 Mockjs 时，设置的地址和假数据)功能常用于解决数据模拟问题，有了 Mock 工具模拟数据后，前后端可以同步进入开发，提升团队研发效率；前端开发往往依赖于后端数据接口，在后端接口就绪能够返回数据之前，前端通常很难开工;根据上述的问题剖析和描述，发现：在引入。项目中，引入了 Mockjs。后，设置的数据和地址有问题；
mock.js中新增测试接口无效，返回404
weixin_30919235的博客
09-02 1863
项目是使用的npm+vue+mock模拟数据 我碰到的是在mock配置文件中新增接口，但是接口在测试时无效，返回404。但是在前端代码中把新接口换成配置文件中之前就有的，然后测试就正常了。 所以按问题出现的现象就能推测出，90%的可能是因为在mock配置文件中新增的接口没有生效！ 然后因为项目是npm+vue的，所以在命令行中ctrl+c把前端项目终止，然后在npm start把项目再次启动...
mock.js请求报404
热门推荐
qq_38502227的博客
10-16 1万+
如果没有在main.js中引入** import “./mock/index” ** ，就会显示如上图这种情况 如下是mock.js简单的用法 npm install mockjs --save-dev 注意：若是没有安装axios，需 npm install axios --save import "./mock/index" List item ...
Vue 之 mockjs 结合 axios 在 vue 中的随机数据生成的简单使用 vue-mockjs 工程
08-16
Mock.js为什么使用mockjs在做开发时，当后端的接口还未完成，前端为了不影响工作效率，手动模拟后端接口，1.我们可以使用json文件来模拟后台数据，但比较局限，无法模拟数据的增删改查2.使用json-server模拟，但不能...
在vue组件中使用axios的方法
08-27
在Vue组件中使用Axios的方法 在Vue项目中，Axios是一个非常流行的 HTTP 客户端库，用于发送 HTTP 请求。那么，在Vue组件中如何使用Axios呢？下面我们将详细讲解如何在Vue组件中使用Axios。 首先，在使用Axios之前...
解决在Vue中使用axios POST请求变成OPTIONS的问题
10-14
在Vue.js应用中，当你使用axios库进行POST请求时，有时会发现浏览器实际上发送了一个OPTIONS请求，而不是预期的POST请求。这种现象通常是由于浏览器的CORS（Cross-Origin Resource Sharing，跨源资源共享）策略引起...
VUE中使用HTTP库Axios方法详解
10-15
Vue.js 是一款流行的前端框架，而Axios 是一个在浏览器和Node.js环境中广泛使用的基于Promise的HTTP库。本文将深入探讨在Vue项目中如何利用Axios进行数据交互，包括安装、基本用法以及一些高级特性。 首先，安装...
在vue中使用axios作交互时，为什么会调用两次接口
04-20
原来在 CORS-跨域资源共享 中，可以使用 OPTIONS 方法发起一个预检请求，以检测实际请求...当你的Content-Type设置为“application/json;charset=utf-8”并自定义请求头可能就会导致这种情况。但并不会产生什么影响。
vue3.0 mock.js简单使用方法
10-25 3038
前提：本项目已提前安装vue cli脚手架、并安装了router、axios具体安装方法百度，篇文章主要介绍vue利用mock.js模拟后台数据。 # 安装 npm install mockjs main.js引入mock require('./mock'); 项目src新建mock目录，并新建index.js。 mock/index.js // 首先引入Mock const Mock = require('mockjs'); // 设置拦截ajax请求的相应时间 Mock.setup(
使用vite-plugin-mock出现404
最新发布
前端如逆水行舟...
12-25 364
使用vite-plugin-mock出现404
ts+vite+vite-plugin-mock使用避坑
weixin_43737647的博客
06-15 1467
vite-plugin-mock版本我这里使用的是2.9.6，版本比较稳定，其它版本可能会出现问题，推荐使用此版本。在项目根目录下创建mock文件夹，并同时创建index.ts与user.ts文件。：该配置项中，localEnabled配置项，从官方文档和百度上都是写的。这行配置项保存时，接口返回正常，再尝试打印。但是这样写，不但编辑器报错，而且请求。也报错404，准备放弃的时候，删除。index.ts文件。
vite使用mock插件的配置(vite-plugin-mock)
du111_的博客
09-28 5938
vue + vite 使用mock插件的配置(vite-plugin-mock)
vite-plugin-mock配置和QA
sayUonly的博客
03-13 3139
vite-plugin-mock配置 net::ERR_NAME_NOT_RESOLVED问题解决 wsl的docker开发容器500或404问题
vue报错解决：mock.js请求数据报错404
小张与BUG
09-27 1万+
mock.js请求数据报错404
vite-plugin-mock使用
wade3po的博客
04-15 1万+
开发流程很多，不同公司都有自己的一套流程，甚至一套公司里面不同的组都有自己单独的开放流程。 对前端来说，很多情况静态页面写好了，接口给了字段，要是有模拟的数据，页面开发完成，对接的时候只需要稍微调整。 所以mock的存在可以节省很多的时间，只不过以前都没用过，因为后端也有很多工具，从来没有前端自己mock过。 这次业务需要自己mock数据，所以就使用了一下，发现还挺好用的。 今天分享的是vite-plugin-mock，记录一下使用流程及一些用到的配置。 安装： npm i mockjs vite-plu
vue3 + vite2 打包部署后 404 解决方案
这个博客记录我的成长。(专注前端开发，ehcarts图表开发，接定制)，有需要请站内私信。
03-24 1万+
vue3 + vite2 打包部署后 404 解决方案 404现象解析 如果在开发环境没问题，但是部署后（部署到服务器的非根目录的情况时）出现很多相关的js，css文件报404，那么可以看一下index.html中的资源引用，如果都是/assets开头，那么这个时候就需要修改配置文件，重新打包了。 解决办法 在vue2中我们在config/index.js文件中配置了 assetsPublicPath:’./’，同理，vue3中也需要配置这个属性，vue3中vite生成的项目，没有config文件夹，
在vue中使用mockjs
08-31
在Vue中使用Mock.js可以帮助我们在开发过程中模拟接口返回的数据，方便前端进行接口调试和开发。下面是使用Mock.js的步骤： 1. 安装Mock.js：在项目的根目录下执行以下命令安装Mock.js： ``` npm install mockjs -...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

爱旅行的小杨

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值