axios+mockjs为什么请求会有404！！

最新推荐文章于 2025-03-17 17:21:52 发布
最新推荐文章于 2025-03-17 17:21:52 发布
阅读量3.6k 收藏 1
点赞数 4
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_31248809/article/details/103256439
版权
本文探讨了在main.js中忘记引入mock/mock.js文件导致的问题，强调了在开发过程中正确引入依赖的重要性。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

因为main.js里面没有写require('./mock/mock.js')！！！！   ctmd！！

熊偷懒中
关注
报错：axios发送的所有请求都是404
虎康的博客
08-31 1403
对后台发送数据请求接口，在 Swagger 上是可以请求到的 但是通过 Ajax 发送请求就会报 404。没有使用代理，直接在 main.js 中设置了类似base_url的请求路径。Swagger 上调用如下。
MockJs学习&React+Axios+MockJs实战例子
我本可以
03-13 927
MockJs可以生成随机数据，拦截 Ajax 请求。 Mock.js 的语法规范包括两部分： - 数据模板定义规范（Data Template Definition，DTD） - 数据占位符定义规范（Data Placeholder Definition，DPD） Mock.mock( rURL, function( options ) )当拦截到匹配 rurl 的请求时，函数 function(options) 将被执行，并把执行结果作为响应数据返回。
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 ...
【前端mock踩坑指南，mock配置后，无法得到响应数据404错误】
最新发布
weixin_43501369的博客
03-17 628
技术栈为VUE3+AXIOS+MOCKJS+cli。在下载好mock写好API接口、配置好axios的请求响应拦截器之后，发送请求可以触发axios配置的请求拦截器。在以上的情况下，仍是404。后面发现是在axios定义了默认的url，但是mock的url没有跟axios一致，导致mock监听不到请求。，需要在main.js全局引入即可。main.js引入,只需要一句代码。
vue报错解决：mock.js请求数据报错404
小张与BUG
09-27 1万+
mock.js请求数据报错404
vue2 + axios + mock.js封装过程，包含mock.js获取数据时报404状态的解决记录，带图文，超详细！！！
weixin_57237676的博客
02-28 2297
http://localhost:8080'，加到原生的地址上面去结果也是404，那就晓得了，直接找到request.js，把baseURL的地址设为空就好了。在user.js文件下引入封装好的request.js文件，然后把刚刚在mock.js中创建的'/api/list'暴露出去。6、接着，在src文件下再创建一个api文件夹，并创建一个user.js文件。3、在src下面创建一个utils文件夹，创建一个request.js文件。5、在main.js中引入utils中的这个mock.js。
前端Mock数据时一直404
m0_53438024的博客
03-12 1292
Mock数据时遇到前台无法正确找到路径
【vue3+axios+mockjs】拟造数据（请求拦截、接参处理、固定配置生成随机数据）
amsxtyf的博客
12-23 694
拟造、拦截、加工数据
数据大屏vue3+ts+axios+MockJS+dataV+echarts
weixin_45618535的博客
05-21 1980
一、官网/文档 vue3：https://cn.vuejs.org/api/ TypeScript：https://www.tslang.cn/docs/handbook/basic-types.html axios：http://www.axios-js.com/zh-cn/docs/ MockJS：http://mockjs.com/ dataV：http://datav.jiaminghi.com/guide/ echarts：https://echarts.apache.org/handbook/
vue-typescript-template:Vue + TypeScript + Elment-ui + Axios + WebSocket + animate.css + mockjs 的 Vue 项目模版
05-04
axios 的封装（重复请求取消，多个请求发送时只出现一个loading，token 失效重新刷新） 通用的工具函数（防抖、截流等） 常见指令的封装（动画指令、图片懒加载、复制指令等） Web Workers 的引入（开启一个线程、...
智慧工厂，vue3+TS+threeJs+echarts+mockjs+axios-mock-adapter.zip
04-03
"智慧工厂，vue3+TS+threeJs+echarts+mockjs+axios-mock-adapter.zip" 这个压缩包文件代表了一个基于现代前端技术构建的项目，旨在实现智能制造和智能监控的模拟环境，即“智慧工厂”。让我们逐一探讨这个项目所涉及...
axios打包放到服务器上接口地址404_封装axios
weixin_36315943的博客
12-29 407
前言axios 是一个轻量的HTTP客户端，它基于 XMLHttpRequest 服务来执行 HTTP 请求，支持丰富的配置，支持 Promise，支持浏览器端和 Node.js 端。自Vue2.0起，尤大大宣布取消对 vue-resource 的官方推荐，转而推荐 axios。现在 axios 已经成为大部分 Vue 开发者的首选。（ 如果你还不熟悉 axios，可以在[这里](axios中文文...
axios跨域及设置完跨域本地请求没有问题，线上请求报404
抽象画家的博客
05-20 5680
背景说明： 本猿原来是java后端开发，最近公司和第三方公司有对接做了一个前端项目，由于以前没有接触过vue和node.js，在此记录一下vue跨域中遇到的问题； 开始开发时代码写完，在请求时发现请求第三方接口时报400错误，检查IP、端口、接口名都没有问题，网上搜了一下前端大神都说是需要设置跨域，在index.js文件中配置，代码如下： proxyTable: { ...
nginx跨域和防盗链配置
清欢Viki的博客
12-17 195
#允许跨域请求的域，*代表所有 add_header'Access-Control-Allow-Origin'*; #允许带上cookie请求 add_header'Access-Control-Allow-Credentials''true'; #允许请求的方法，比如GET/POST/PUT/DELETE add_header'Access-Control-Allow-Methods'*; #允许请求的header add_header'Access-Control-Allow-Headers'*; .
Vue用axios调用接口404报错
blog
04-12 6583
今天发现一个问提，就是使用postman测试接口正常，结果Vue的axios调用接口报404，我其他页面也写过get/post/put/delete请求都没有问题。 然后我就把接口从get/post/put/到delete都换了个遍，仍旧没有解决。 原来的接口名写为：edu/admin/authQuery // vue.config.js module.exports = { publicPath: './', // 项目基本路径。./这样打出来的包可以被部署在任意路径。但是，假设你定义为/
emqx http not found 怎么回事_小程序taro封装http请求
weixin_39714835的博客
11-30 726
给大家提供思路，可以借鉴哈，有什么问题可以留言taro脚手架后面文章会慢慢讲解更多技巧https://github.com/wsdo/taro-...为什么封装当我们开发小程序的时候，经常会用到http请求，当然官方已经提供了请求的接口，但是我们每次请求的时候，可能会加上token，每次请求都会加上，如果不封装起来，会相当的麻烦，那么又怎么封装呢?特性暴露get方法暴露post方法post自定义c...
关于Vue使用Mock接口报404的问题
lmchhh的博客
12-26 3398
关于Vue使用Mock接口报404的问题。初次在Vue中使用Mock的时候，引用了网上的常用做法：在根目录的vue.config.js文件下引用。但最终不管我怎么引用，都无法正常调用接口*/user/info*，总是报404。然后再调用接口*/user/info*，调用正常。尝试了很久，终于发现我的启动命令。
uniapp打包成H5部署到服务器教程
前端视听
11-05 1万+
当前端uniapp写的项目开发完成的时候，需要将页面打包出来，生成H5的静态文件，部署在服务器上，通过服务器链接地址，就可以直接在手机上点开访问 了。 在网上看了一圈，好像没有找到十分详细的教程，这里稍微详细的记录了一下，uniapp打包成H5部署到服务器教程。 ###步骤如下： 1：点击菜单栏发行，点击选择网站-H5手机版， 2：在网站域名这一栏填写，网站域名，例如www.xxx.com或者你的服务器的IP地址47.103.XX.XX，（这个地址是你将项目打包之后存放放静态文件的地址）。 我这里为了考虑
Mock模拟数据，报错:404 NotFound
weixin_45866961的博客
05-10 622
Mock报错404
axios mockjs 404
05-23
当使用 Axios 和 MockJS 进行前端开发时，可能会遇到 Axios 请求返回 404 的情况。这通常是由于 MockJS 拦截了请求，并没有正确地匹配到对应的 Mock 数据。 有几个可能的解决方法： 1. 确认 MockJS 的配置是否正确...
评论 9
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值