让axios读取本地模拟数据报错404： Error: Request failed with status code 404

最新推荐文章于 2025-02-10 00:20:30 发布
最新推荐文章于 2025-02-10 00:20:30 发布
阅读量2.8k 收藏 1
点赞数 1
分类专栏： 前端报错
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42349568/article/details/109199924
版权

在这里插入图片描述

原因一：cli3.0已经把静态资源的文件夹改成public文件夹了，所以静态资源应该放置在public文件夹下。

在这里插入图片描述
但是！我这样写依旧是报错！
在这里插入图片描述

在这里插入图片描述
很难受，但是我没有哭。

原因二，访问静态文件的路径不需要public.

因为访问静态资源时，已经定位到public文件夹了！！！
于是去掉public

//获取后台数据
			async getHomeInfo(){
				const {data:res}=await this.$http.get('http://localhost:8080/index.json')
				console.log(res)
			}

然后刷新，啦啦啦，成功啦！
在这里插入图片描述
完结，撒花花！！！

vue2/3 - 使用mock模拟数据，axios发送请求时报错Request failed with status code 404报错，请求数据报错404，vue mock.js 报错详细解决！
高级前端工程师
07-10 2743
vue，nuxt，mock，插件，模拟请求接口数据，报错，用mockjs模拟数据，axios发送get请求时出错，路径没问题为什么会404，接口地址没有错，请求数据报错404，http请求出现了问题，axios，详细解决教程，404，mock.js请求数据报错404，vue报错解决，浏览器，请求，URL请求地址，正确，错误，Request failed with status code 404，vue报错解决:mock.js请求数据报错404_vue中使用mockjs没有数据，vue-cli中mock本地j
axios请求报 Request failed with status code 404
weixin_39818813的博客
02-23 6533
这种情况是没有配置代理： config\index.js，里面配置： module.exports = { dev: { // Paths assetsSubDirectory: 'static', assetsPublicPath: '/', proxyTable: { // /users/**表示有三级路由 '...
Request failed with status code 404
weixin_62281775的博客
02-10 566
404报错比较好找，直接检查 网络 刷新，找到写错路径的地方
Error: Request failed with status code 404 at createError (createError、跨域问题、axios、404、500
热门推荐
m0_46183615的博客
11-14 2万+
前后端分离，写axios时常见报错 常见问题-跨域（要配置一下vue.config.js）噢 跨域的解释、定义：当前所在页面的url去请求后台提供的url的时候，这两个url的相比较之下，如果协议类型、域名、端口号其中任何一个不一致就会发生跨域问题 1. 404 可能是后端的bug，还没部署好(接口未处理)之类的 可能是前端问题：路径错误（拼写错误！！！） 跨域问题-路径没写对 这是我main.js的配置（个人习惯不一样，可能不同噢） 这是vue里面的写法，需要注意记着写写’${}‘否则
AxiosError {message: ‘Request failed with status code 404‘, name: ‘AxiosError‘, code: ‘ERR_BAD_REQUE
m0_62115261的博客
09-25 1797
请求转发到指定的后端服务器，并在转发前修改请求的origin头部和路径，以匹配后端服务的期望。简单地说就是加上这段代码后，请求路径带/api都放行。原理：启用CORS支持，允许前端应用安全地请求后端服务的数据，然后配置一个HTTP代理，将前端应用中的。解决方法，在项目的vite.config.js加上这段代码就行了。最近做项目前端，搞完移动端，再做管理系统的时候出现这个跨域问题。
AxiosError {message: ‘Request failed with status code 404‘, name: ‘AxiosError‘……
Amy_cx的博客
11-18 1万+
前端练习vue项目报错AxiosError {message: 'Request failed with status code 404', name: 'AxiosError'的解决办法
AxiosError {message: “Request failed with status code 404“, name: “AxiosError“, code: “ERR_BAD_REQUE
04-13 5098
AxiosError {message: “Request failed with status code 404“, name: “AxiosError“, code: “ERR_BAD_REQUE
浏览器报错404 ERROR Request failed with status code 404 AxiosError: Request failed with status code 404
02-05
### 解决Axios请求时出现的状态码404错误 当遇到Axios请求返回404错误的情况，这通常意味着客户端尝试访问的资源在服务器上未找到。为了有效解决这个问题，可以从多个角度入手分析并采取相应措施。 #### 1. 检查...
AxiosError: Request failed with status code 400
02-15
### 解决Axios发送请求时遇到的状态码400错误 当使用 Axios 发送 POST 请求并收到 400 错误时，通常是因为服务器无法处理客户端发出的数据。这可能是由于数据格式不正确、缺少必要的字段或其他验证问题引起的。 ##...
解决Vue axios post请求,后台获取不到数据的问题方法
10-18
首先，让我们了解一下axios的基本用法。在Vue中，axios通常被用来发起异步请求，它支持Promise API，方便与Vue的Promise-based API集成。POST请求的基本语法如下： ```javascript axios.post(url, data, config) ....
request.js:34 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'status')
02-19
case 404: alert("Resource Not Found."); break; default: alert(`Server responded with an unexpected error (${error.response.status})`); } return Promise.reject(error.message || "Unknown ...
Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'status') at Document.vue:43:149
最新发布
03-08
return Promise.reject(new Error(`Request failed with status code ${response.status}`)); } else { sessionStorage.setItem("authenticator", response.headers.authenticator); return res; } }, (error...
写react时，axios网络请求报Uncaught (in promise) Error: Request failed with status code 404
m0_57255222的博客
09-07 2734
写react时，axios网络请求报Uncaught (in promise) Error: Request failed with status code 404，跨域问题，没有写跨域文件。
axios请求报Uncaught (in promise) Error: Request failed with status code 404
weixin_42113613的博客
03-09 1万+
axios请求报Uncaught (in promise) Error: Request failed with status code 404 情景：react+axios 提交表单，使用axios处理请求时，出现报错： 原因：前后台端口号不同，需要解决跨域问题 解决： 配置 ajax 请求的代理: package.json "proxy": "http://localhost:4000" 重新启动项目 ...
踩坑：AxiosError，request failed with status code 404，axios 404，axios请求404。附：axios封装
m0_71981318的博客
07-27 2万+
axios封装，AxiosError，request failed with status code 404，axios 404，axios请求404
【bugs】AxiosError {message: ‘Request failed with status code 404‘, name: ‘AxiosError‘
moly_moly的博客
08-27 1万+
今天同桌遇到这个bug 登录发请求有问题 我下意识看到404以为是传参问题。后来我们发现这个是接口和baseURL不匹配导致的 简单来说就是接口问题。后来看了下 其他人写的状态码。遇到404主要是url的问题。404：url问题，...
Axios请求后端数据,返回404解决 Uncaught (in promise) Error: Request failed with status code 404
XuJiaKai的博客
08-10 2万+
我在写前后端分离登录页面的时候,发现出现了这样子的错误 感觉特别神奇,但是明明后端已经拿到了前端发送的数据了 为什么会出现这样的情况,我百度了很长一段时间 没有找到解决办法,于是我看了一下前端页面 这样的代码,然后我花了一段时间去查axios的使用 ...
代理请求： Request failed with status code 404
segegefe的博客
02-23 1万+
HTTP状态码—请求错误 400 Bad Request 1、语义有误，当前请求无法被服务器理解。除非进行修改，否则客户端不应该重复提交这个请求。 2、请求参数有误。 401 Unauthorized 当前请求需要用户验证。 402 Payment Required 该状态码是为了将来可能的需求而预留的。 403 Forbidden 服务器已经理解请求，但是拒绝执行它。 404 Not Found 请求失败，请求所希望得到的资源未被在服务器上发现 第一中可能：React中将你安装的proxy 或者是 cre
Vue中使用axios报错request failed with status code 404
AAA的博客
11-28 2695
原因： 可能是你在一分钟之内，频繁请求，github认为你在攻击他，今天IP地址就不能在请求了。 解决办法： 重启路由器，或者手机开个热点再去请求。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值