vue代理请求跨域的时候，出现了这样的问题 Request failed with status code 404

最新推荐文章于 2024-04-22 06:16:27 发布
最新推荐文章于 2024-04-22 06:16:27 发布
阅读量9.3k 收藏 5
点赞数 1
分类专栏： web前端 proxy跨域
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/MelodyFreedom/article/details/106107485
版权

用vue-cli创建了一个项目，在做登录界面的时候，需要向服务器发送请求获取数据，因为这边做的数据是通过easymock来完成后端服务器数据模拟返回到客户端的，所以需要跨域解决这里是用proxy代理实现跨域的，请求数据的方式是通过axios来的，但是却遇到这个问题，

现在一步一步问题重现：

登录界面代码

这里是env.development中配置的（配置的时候路径常量一定要用VUE_APP开头）

创建的统一的请求接口request，是请求axios的实例对象（一定要先下载（npm install axios）并导入axios）

最低0.47元/天 解锁文章
MelodyFreedom
关注
  • 1
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
解决Vue axios post请求,后台获取不到数据的问题方法
10-18
今天小编就为大家分享一篇解决Vue axios post请求,后台获取不到数据的问题方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
解决vue2中使用axios http请求出现的问题
11-30
Uncaught (in promise) Error: Request failed with status code 404 我们需要实例化一个新的axios,并且设置他的消息头为’content-type’: ‘application/x-www-form-urlencoded’ 于是得出解决方案： var ...
springboot跨域全局配置
ITzhongzi的博客
12-26 879
核心代码 package com.itzhongzi.videoedu.config; import org.springframework.context.annotation.Configuration; import org.springframework.web.servlet.config.annotation.CorsRegistry; import org.springframew...
vue中404解决方法
最新发布
woliuhuaqiangla的博客
04-22 605
在服务器上，检查服务器的配置文件，例如nginx配置文件是否正确设置了路由重定向。确保服务器能够正确地处理所请求资源。检查是否正确安装依赖：如果使用了第三方库或组件，确保已经正确安装了相应的依赖。）是否正确配置了所请求资源的路径。确保路径大小写和文件名正确匹配。通常是因为找不到所请求的资源。确保路由配置正确：检查路由配置文件（通常是。请根据你的具体情况选择相应的解决方法。模式来处理路由，即在URL中添加。模式：默认情况下，Vue使用。在Vue路由配置中添加。检查服务器配置：如果你的。
前后端路径一致报Request failed with status code 404
一个天天与人打赌周更blog被迫极限一换一的程序员骚年
03-20 1239
前后端路径一致报Request failed with status code 404。
解决vue工程报错Uncaught (in promise) Error: Request failed with status code 404
热门推荐
水越帆的博客
05-15 13万+
今天新加页面后首页查不到数据，报错Uncaught (in promise) Error: Request failed with status code 404 大概意思就是没有获取到后台传过来的数据，一开始以为是后台控制层的问题，找了半天 最后发现是在app/config/index.js里面配置没有配置proxy代理，请求没有从nodejs路由到tomcat 于是加上配置顺利找到数...
Error: Request failed with status code 403
weixin_42369418的博客
10-14 3万+
在你部署完springboot，然后再打开的时候，出现这个错误。 出现的这个原因是 然后你可以看到自己创建的项目里面很多文件都没有，包括pow文件。
问题：vue axios request failed with status code 404？
佐手烈焰魂的博客
06-08 1151
网上找了很多例子，都无法解决这个问题，无意中看到一篇文章，我的原来是与mock冲突，在main.js中将mock注释掉即可。
解决vue axios跨域 Request Method: OPTIONS问题(预检请求)
01-19
我们在vue开发中用axios进行跨域请求时有时会遇到，同一个接口请求了两次，并且第一次都是options请求，然后才是post/get请求 如下图 options请求 get请求 为什么会出现这种原因呢？ 这是因为CORS跨域分为 简单...
VUE axios发送跨域请求需要注意的问题
08-30
这样可以解决跨域问题，并成功发送跨域请求。 结论 以上就是 Vue Axios 跨域请求需要注意的问题，并提供了解决方案。开发人员可以根据实际情况选择合适的解决方案，以解决跨域问题。同时，也希望读者在学习过程...
vue使用代理解决请求跨域问题详解
01-19
在一般情况下，后端都会设置请求跨域允许的来源、方法等。 但是也保不准后端疏忽而忘记这个问题。 那为了不影响我们的开发，前端只能被动的去找后端解决跨域问题。 其实，我们前端也可以解决跨域问题，那就是使用...
vue代理和跨域问题的解决
12-12
一、安装vue-resource插件 cnpm install vue-resource --save 在根目录下的package.json检查一下插件的版本 在rourer-index.js下引入文件 import Resource from 'vue-resource' Vue.use(Resource) 引入vue-...
vue2中使用proxy遇到问题：Uncaught (in promise) Error: Request failed with status code 404
ThisEqualThis的博客
09-20 1万+
遇到问题首先缩小范围确定问题原因。 我用postman调接口有正确的返回值，说明与后台无关；肯定是前端配置问题；报404那有可能是接口问题，查询接口是否正确，嗯？……我查不出来！查询请求头信息，发现请求地址是正确的，这里就触及到了我的知识盲点：pathRewrite的使用 控制台 Request URL: http://localhost:8888/fundq/queryAssetListPa...
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'的解决办法
Hexo博客部署Gitalk评论踩坑
nocodeis的博客
06-11 1326
Hexo博客部署Gitalk评论踩坑 算了算自己瞎折腾好久，查了好久的百度都没能解决，最后在Google和Github上找到了正确的方案。只能说Github yyds～ 在OAuth已搭建Gitalk 搭建步骤可自行百度，主要搭建完毕之后的后续步骤坑较大 起因：Request failed with status code 403 一直不明白这个原因是怎么造成的 最后参考了这篇博客Gitalk 评论登录 403 问题解决 原因是：主题模版中的cors-anywhere反向代理已不支持直接使用，Gitalk的
[Vue warn]: Error in created hook (Promise/async): “Error: Request failed with status code 404“
小废物
10-14 6436
[Vue warn]: Error in created hook (Promise/async): "Error: Request failed with status code 404" 路径错误——请求接口的路径前加了空格
vue中使用axios 请求接口报错如何解决跨域问题
giao序员
12-18 1274
相信很多小伙伴在请求接口的时候都遇到这个错误 当我请求这个接口的时候 报这个错误 这个就是遇到跨域问题。 那么什么是跨域呢 因为浏览器的同源策列 所及需要跨域 同源即 端口 域名 协议 相同 在vue中使用axios请求 如何解决跨域呢 首先在 config 文件下 打开 index.js 找到 proxyTable:{} 对象添加下面这段代码 '/api':{ targe...
vue2利用axios调用后端接口，并配置devServer.proxy实现跨域显示数据；代理后出现404问题
QWY1285236058的博客
10-28 3940
vue2利用axios调用后端接口，并配置devServer.proxy实现跨域显示数据；代理后出现404问题
vue中前端调接口出现504 Gateway Time-out解决办法（服务器上）
meimeib的博客
06-11 1万+
场景 前端调后端接口，后端响应时间很久，会出现504 Gateway Time-out 原因 nginx中proxy默认链接时间是60s 解决办法 修改nginx连接超时时间 proxy_connect_timeout 300s;//建立tcp协议的连接时间 proxy_send_timeout 300s;//发送接口的时间 proxy_read_timeout 300s;//读取时间（接口响应时间） 因为我是因为接口响应时间太久导致的超时，所以我修改nginx中的配置proxy_read_ti
VUE axos请求数据失败Request failed with status code 404 AxiosError: Request failed with status code 404
05-17
这个错误通常表示你向服务器发送了一个无效的请求，服务器无法识别该请求并返回状态码404。有以下几个可能的原因： 1. 请求的URL错误或不存在。你需要确认请求的URL是否正确，可以尝试在浏览器中手动访问该URL，看看是否能够正常访问。 2. 请求的参数错误。你需要确认请求中的参数是否正确，有时服务器需要特定的参数才能正确响应请求。 3. 服务器错误。如果确认URL和参数都没有问题，那么可能是服务器出现了问题。你可以联系服务器管理员或者等待一段时间再尝试请求。 如果以上方法都不起作用，你可以尝试打开浏览器的开发者工具，在Network选项卡中查看请求的详细信息，看看能否找到错误的原因。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值