axios异步请求 404 (Not Found)

最新推荐文章于 2025-03-29 17:27:54 发布
原创 最新推荐文章于 2025-03-29 17:27:54 发布 · 2.8k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js

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

在这里插入图片描述
代码没有问题，拦截器没有问题，就是报错显示404，经过仔细检查是 vue.config.js 文件的位置放在src文件夹下，位置放错了

解决办法

vue.config.js 文件的正确存放位置如下：
在这里插入图片描述

hellolw888
关注
九、【前后端联调篇】Vue3 + Axios 异步通信实战
blues_C的博客
05-28 1786
在 Web 开发中，前后端分离架构已成为主流。前端负责用户界面和交互，后端负责业务逻辑和数据处理。它们之间通过 API（通常是 RESTful API）进行通信。本文介绍了使用Vue3和Axios实现前后端异步通信的完整流程。Axios作为基于Promise的HTTP客户端，具有简洁API、自动JSON转换、拦截器等优势。
学习博客：【Vue】路由钩子与异步请求
Aurinko324的博客
06-17 484
路由钩子
vue2 mock本地模拟 Axios Failed to load resource: the server responded with a status of 404 (Not Found)
LlanyW的专栏
12-20 1514
调用：vues配置store目录：home模块下home/index.js。在main.js，这个程序主入口文件，调用 一次。完全没有调用，必须要在程序入口执行一次。然后重新：npm run serve。vue模版页面.vue使用。路径上也没有什么问题。最后再对了一下流程发送。
axios发送post报错404问题
热门推荐
小白的博客
05-19 1万+
axios发送post报错404问题 第一次写前端，用axios发送http请求，发现报错，状态码为404找不到页面，前端代码如下 methods: { submitForm(formName) { this.$refs[formName].validate((valid) => { if (valid) { //向路由http://localhost:8080/login发送post请求 this.$axios.post('
axios访问后台404_使用 axios 后台无法接收到数据的解决方案
weixin_35167817的博客
01-26 5969
如果想看排错思路的，可以看完踩坑经历，想直接要结果的，可以直接看解决方案。踩坑经历最近我在使用 SSM + Vue 做自己的小项目。Dao层 和 Service层 之类的代码已经写好了，就差 Controller层 和 Vue 的视图层还没有完成。今天在使用 axios 请求Controller 层时踩到了坑。具体描述如下：我使用 axios 实现登录功能，在将前端输入的登录信息传给 Contro...
vue3 axios 跨域请求 404 (Not Found)
lanwu628的专栏
12-16 3306
解决办法步骤： 1、要在根目录下创建vue.config.js文件，内容如下： module.exports = { devServer: { proxy: { ‘/api’: { target: ‘http://xxx/’, changeOrigin: true, pathRewrite: { ‘^/api’: ‘’ } } } } } 2、src/main.js设置如下： import Axios from ‘axios’ Axios.defaults.baseURL = ‘/api’ Vue.prot
在Vue项目中使用axios的时候显示“not found get“或“not found post “ , “not found axios“等报错的解决办法
数据库爆破专家的博客
09-29 2284
在 main.js 里面加上这一句 Vue.prototype.$axios = axios 然后项目中使用写上 this.$axios 开头即可 this.$axios.get('../../public/Json/PrivacyPolicy.json') .then(function (response) { alert(response) }) .catch(function (error) { console
axios 处理 302 状态码的解决方法
12-11
Axios 是一个广泛使用的JavaScript库，用于处理这些异步数据请求。然而，在某些情况下，比如用户的认证令牌过期，后端可能会返回302状态码，指示浏览器重定向到登录页面。这个问题在使用Vue和Axios时尤为突出，因为...
axios 请求拿不到数据
07-10
有时服务器可能会返回错误状态码（如 404 Not Found、500 Internal Server Error），这可能是导致请求失败的原因。 4. 网络连接问题：检查你的网络连接是否正常，并且可以访问所请求的资源。尝试访问其他网站以验证...
http://localhost/dev-api/api/talk/openVoiceTalk?deviceId=64020000001315100041&channelId=64020000001315100041&app=broadcast&stream=13079569801&model=broadcast 请求方法: POST 状态代码: 404 Not Found 远程地址: 127.0.0.1:80
最新发布
06-15
</script>```3.**检查请求代码**：确保请求的URL正确，并使用了代理：```javascript//示例请求axios.post('/dev-api/api/talk/openVoiceTalk',data).then(response=>{//处理响应}).catch(error=>{console.error('...
前台axios发送POST请求报错 404 (Not Found)
weixin_45436474的博客
04-09 3163
前台axios发送POST请求报错 404 (Not Found)
axios报错Module not found: Error: Package path ./lib/helpers/buildURL is not exported from package
weixin_40437521的博客
08-13 801
【代码】axios报错Module not found: Error: Package path ./lib/helpers/buildURL is not exported from package。
Vue用axios调用接口404报错
blog
04-12 6709
今天发现一个问提，就是使用postman测试接口正常，结果Vue的axios调用接口报404，我其他页面也写过get/post/put/delete请求都没有问题。 然后我就把接口从get/post/put/到delete都换了个遍，仍旧没有解决。 原来的接口名写为：edu/admin/authQuery // vue.config.js module.exports = { publicPath: './', // 项目基本路径。./这样打出来的包可以被部署在任意路径。但是，假设你定义为/
axios发送PUT请求Not Fount找不到的问题:isAxiosError.js:10 PUT http://localhost:53000/posts/8 404 (Not Found)
Saehun1994的博客
07-06 244
试试重启json-server服务试试。
Failed to load resource: the server responded with a status of 404 ()
m0_71007360的博客
09-16 1476
设置过滤的字符编码导致了前端网页中的css失效。
Failed to load resource: the server responded with a status of 404 (Not Found)
weixin_44867516的博客
06-12 588
idea使用axios，html页面加载问题： :63342/vue/chapter-1/data.json:1 Failed to load resource: the server responded with a status of 404 (Not Found) 首先得看明白到底报的什么错，开始以为是导包有问题，浪费了很多时间。 路径问题导致资源没加进来，路径加…/ ...
【报错问题】Failed to load resource: the server responded with a status of 404
weixin_44174312的博客
03-29 9467
若继续遇到问题，可以继续提供详细错误，我帮你继续排查。，说明你没有在请求中指定完整的后端地址。按上述步骤检查和修改后，问题即可解决✅。接口在后端并未正确实现或暴露。检查项目中以下文件是否已经从。检查后端是否已经实现了。
在vue3.0使用axios请求本地数据显示404的解决方法
zhengxinming2015的博客
05-14 3799
在vue3.0使用axios请求本地数据显示404 vue3.0以后，静态文件的路径存放改为public文件夹,包括json数据。下面贴出本人在vue3.0里用axios请求本地json数据显示404的踩坑过程。 注意画红色线的那个路径，虽然vue3.0以后把静态文件都放在了public,但请求本地数据的时候，一定记得把**…/public**去掉，要不然就会出现404错误。如下图所示： 然后如果你刷新页面，就会出现如下错误： 所以一定要记住，vue3.0请求本地json数据，记得把**…/public
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值