Error Request failed with status code 404 at createError (createError、跨域问题、axios、404、500

最新推荐文章于 2024-01-12 03:00:00 发布
最新推荐文章于 2024-01-12 03:00:00 发布
阅读量981 收藏
点赞数 1
分类专栏： 前端 html 文章标签： vue.js javascript npm
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Ajekseg/article/details/123252598
版权
在前后端分离的开发中，使用axios经常遇到404、500和跨域问题。404可能是后端接口未部署或前端路径错误；500通常是后端服务器未启动；拦截器错误需确保返回`config`。解决跨域可配置vue.config.js，检查请求路径。与后端沟通并确认接口规范能有效解决问题。
摘要由CSDN通过智能技术生成

前后端分离，写axios时常见报错

常见问题-跨域（要配置一下vue.config.js）噢

跨域的解释、定义：当前所在页面的url去请求后台提供的url的时候，这两个url的相比较之下，如果协议类型、域名、端口号其中任何一个不一致就会发生跨域问题

1. 404

在这里插入图片描述

  • 可能是后端的bug，还没部署好(接口未处理)之类的

  • 可能是前端问题：路径错误（拼写错误！！！）

  • 跨域问题-路径没写对

    这是我main.js的配置（个人习惯不一样，可能不同噢）

    在这里插入图片描述

    这是vue里面的写法，需要注意记着写写’${}‘否则跨域代理不会成功

最低0.47元/天 解锁文章
Ajekseg
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
解决vue2中使用axios http请求出现的问题
11-30
然而，在实际操作中，可能会遇到一些问题，比如在发送POST请求时遇到404错误。本文将深入探讨这个问题，并提供一个解决方案。 首先，当我们尝试使用axios的默认方式发送POST请求，如下所示： ```javascript axios....
【bugs】AxiosError {message: ‘Request failed with status code 404‘, name: ‘AxiosError‘
moly_moly的博客
08-27 1万+
今天同桌遇到这个bug 登录发请求有问题 我下意识看到404以为是传参问题。后来我们发现这个是接口和baseURL不匹配导致的 简单来说就是接口问题。后来看了下 其他人写的状态码。遇到404主要是url的问题。404：url问题，...
Uncaught runtime errors:×ERRORRequest failed with status code 404
weixin_38822843的博客
11-10 2914
Request failed with status code 404 at createError (webpack-internal:///./node_modules/axios/lib/core/createError.js:16:15) at settle (webpack-internal:///./node_modules/axios/lib/core/settle.js:18:12) at XMLHttpRequest.handleLoad
AxiosError {message: “Request failed with status code 404“, name: “AxiosError“, code: “ERR_BAD_REQUE
04-13 4248
AxiosError {message: “Request failed with status code 404“, name: “AxiosError“, code: “ERR_BAD_REQUE
ERROR Request failed with status code 404 ：at createError (node_modules\axios\lib\core\createError.
lilien的博客
03-01 6923
npm run dev运行vue项目时出现ERROR Request failed with status code 404 排查baseurl是否有误——>无误 排查后端程序是否有误——>无误 最后检查nginx ——>发现错误 打开conf目录下的 nginx.conf 修改成 然后重启nginx （nginx 更改配置文件后需要重启生效） 问题解决 ...
axios请求错误报错Uncaught runtime errors:
最新发布
01-12 905
解决axios请求错误报错Uncaught runtime errors每天记录一点，助力成长！欢迎大家来浏览我的博客，如发现我有写错的地方，一起交流指正。系列文章会不段更新 来个打赏(微信) 马力全开 撸起袖子加油干~
解决axios发送post请求返回400状态码的问题
01-19
今天在用 axios 发送一个跨域的post请求时，遇到了一个坑：Uncaught (in promise) Error: Request failed with status code 400。 前台代码如下： axios({ method: post, url: ...
解决vue axios跨域 Request Method: OPTIONS问题(预检请求)
10-14
Vue.js应用程序在开发过程中，常常需要与远程服务器进行数据交互，这时可能会遇到跨域问题。当使用axios库进行跨域请求时，有时会发现同一个接口被请求了两次，第一次是OPTIONS方法，第二次才是实际的GET或POST请求...
解决Nuxt使用axios跨域问题
01-19
本文将介绍如何通过设置代理解决 Nuxt 与 axios 集成的跨域问题。 解决跨域 Nuxt 使用 axios 为避免出现前端页面跨域问题，需要安装 @nuxtjs/axios 和 @nuxtjs/proxy 两个模块。 用 yarn 安装： yarn add axios @...
完美解决axios跨域请求出错的问题
08-28
"完美解决axios跨域请求出错的问题" 一、什么是跨域请求？ ------------------ 跨域请求是指在浏览器中，由于同源策略的限制，无法直接向不同域名或端口下的服务器发送请求，从而导致ajax请求失败。例如，在...
AxiosError {message: ‘Request failed with status code 404‘, name: ‘AxiosErro
Miaowuuの菜鸟成长记
12-20 1663
记录一个小小Bug
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'的解决办法
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里面的写法，需要注意记着写写’${}‘否则
【Bug】Uncaught (in promise) AxiosError: Request failed with status code 404
道阻且长，行则将至。
11-30 7186
报错如下： 检查调用地址和接口地址是否一致，我的是接口写错了😭😭😭😭😭
Axios请求后端数据,返回404解决 Uncaught (in promise) Error: Request failed with status code 404
XuJiaKai的博客
08-10 2万+
我在写前后端分离登录页面的时候,发现出现了这样子的错误 感觉特别神奇,但是明明后端已经拿到了前端发送的数据了 为什么会出现这样的情况,我百度了很长一段时间 没有找到解决办法,于是我看了一下前端页面 这样的代码,然后我花了一段时间去查axios的使用 ...
前端发送axios请求报错Request failed with status code 500解决方案
热门推荐
前端与计算机相关知识的分享，博主的qq523235674
08-02 4万+
发现自己的请求头参数格式没有错误，jwt的身份验证也通过了，然后使用post测试接口，发现没啥毛病，搞了半天（疯狂百度搜索引擎）在终端再次打开自己的请求参数（playLoad），仔细一看，好像发送的参数并不是参数拼接的。application/x-www-form-urlencoded格式。终于，原来是我发送的请求参数格式不对，传送参数的形式不是我们熟悉的。qs.parse()是将URL解析成对象的形式。qs 是一个增加了一些安全性的查询。成URL的形式，以&进行拼接。解决我遇到的问题我使用了。......
Vue load 页面报错：Error: Request failed with status code 404 ###createError.js
weixin_48702807的博客
09-24 296
cmd 运行 netstat -aon 查看 0.0.0.0:8080 端口被哪个 PID 号占用 如 “4444”然后打开人物管理器，看看是哪个程序的 PID 号是 4444，然后修改改程序占用的端口号就可以啦。网上各种查找原因，说是后台接口对接跨域问题，但是相同的项目其他同事都能正常链接。折腾好久，把同事的整个 node_modules 文件夹复制过来，还是不行。也有说是 .env 文件问题，但是我这个项目没有该文件。后来发现又其他软件占用的 8080 接口。
写react时，axios网络请求报Uncaught (in promise) Error: Request failed with status code 404
m0_57255222的博客
09-07 2407
写react时，axios网络请求报Uncaught (in promise) Error: Request failed with status code 404，跨域问题，没有写跨域文件。
踩坑：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
vue axios本地调试Request failed with status code 404
06-10
如果在本地调试中遇到了"Request failed with status code 404"的错误，可能有以下几个原因： 1. 请求的URL不正确。请检查你的请求URL是否正确，并确保它与你的后端API服务的URL匹配。 2. 后端API服务未启动。请...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值