Request URL: http://localhost:8080/api/api/user

最新推荐文章于 2023-10-30 00:38:17 发布
最新推荐文章于 2023-10-30 00:38:17 发布
阅读量5.7k 收藏
点赞数
分类专栏： java 文章标签： 后端 java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chanyeolchichi/article/details/124104307
版权
本文记录了一位开发者在尝试解决Vue应用与后端API跨域请求时遇到的404和500错误。经过一系列尝试，包括调整vue.config.js配置、更改代理端口、在Controller添加crossorigin注解，问题最终得到解决。通过复盘和重新部署，开发者成功避免了404和500错误，确保了前后端交互的正常进行。
摘要由CSDN通过智能技术生成

Request URL: http://localhost:8080/api/api/user

在这里插入图片描述
在进行前后端交互的时候，进行跨域请求，出现了404 not found的结果，并且出现了两个api。

在这里插入图片描述
配置文件和src不是同级，试了下把vue.config.js和src同级，之后报了500.
在这里插入图片描述

在这里插入图片描述
之前这里是9999，代理地址随后被我更改成了9876
在这里插入图片描述
接着又404了。
在这里插入图片描述
还试了在contrller里头加crossorigin注解

在这里插入图片描述
还是404在这里插入图片描述
这个问题困扰了我一周了，于是我从开始步骤复盘了两遍，重新创建了数据库内容和建表，再次运行，成功了。没有404也没有500.
在这里插入图片描述

cheerileeyoki
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
vue本地调用服务器接口跨域问题,也就是localhost:8080调用http://10.100.55.110:8000/api/userauth的跨域问题
qweasdzxc_1092665276的博客
10-09 8750
其实，只需要配置vue的config/index.js文件就行了，其他的axios的baseURL不用管，不写。代码如下： // see http://vuejs-templates.github.io/webpack for documentation. 'use strict' var path = require('path') module.exports = { buil...
Nacos 服务注册失败 failed to req API:/nacos/v1/ns/instance after all server
qq_30489007的博客
12-15 4636
记录个人遇到的问题过程和解决方法（仅供参考）： 过程：要求nacos升级到最新版本，官网最新为2.0.3。项目里最开始用的0.8，后来升级到1.4挺顺利的，然后升级到2.0.3就各种报错。 前提条件： 1、项目里配置文件配置正确； 示例： spring: application: name: auth-test cloud: nacos: config: server-addr: 127.0.0.1:8848 file-exte
Web前端本地开发、接口联调，浏览器API跨域问题解决方案
沐枫
12-18 2344
现在前端项目开发过程中，大部分的项目都是前后端分离的（就后端开发用 如：PHP、Java、Go 等语言 + 数据库进行开发，只提供API接口数据，而前端开发用 如：Vue.js React.js Angular.js 框架进行开发，前后端业务交互用Ajax请求API交互数据。 在项目开发初期，一般都是前端开发人员都先在本地进行开发(就是还没打包构建时)，所以前后端进行联调的时候就会出现一个常见的问题，那就是Ajax请求跨域问题。 其实前端和后端是不存在跨域的，而是前端在通过浏览器请求访问时，浏
GET http://localhost:8080/api/getArticle 504 (Gateway Timeout) 或者404错误
蒙融融
02-07 1万+
vue+express+mysql搭建博客时，使用axios进行前后台数据交互时，出现GET http://localhost:8080/api/getArticle 504 (Gateway Timeout) 或者GET http://localhost:8080/api/getArticle 404 (Not Found)，找了很久才解决，所以写个博客记录一下用到的方法或者相关方法 1.跨域：...
POST http://域名:8080/项目/base/api/login/user/login net::ERR_CONNECTION_RESET 错误
Suni1ShIne的博客
11-04 2524
系统登录功能问题： 近期服务器加固，做了堡垒机模式和其他的一些安全性的防护。对登录功能做了一些修改，自己的测试系统修改后反复测试，并没有什么问题，但是发布到正式系统上就出现了这种情况。自己百度加分析 总觉得是网络环境或者是服务环境方面的问题。请了解的大牛给点意见，谢谢，欢迎讨论： 谷歌浏览器： 可以看见服务器没有任何的响应 ...
vue前端调试时解决跨域请求
zxl645538388的博客
12-10 324
使用http-proxy-middleware 代理解决（项目使用vue-cli脚手架搭建） 例如请求的url:“http://f.apiplus.cn/bj11x5.json” 1、打开config/index.js,在proxyTable中添写如下代码： proxyTable: { '/api': { //使用"/api"来代替"http://f.apiplus.c" target: 'http://f.apiplus.cn', //源地址 changeOrigin: ...
Request 获取请求的 URL
m0_55433493的博客
02-21 6586
Request 获取请求的 URL 端口：8080 request.getServerPort(); 服务器：localhost request.getServerName(); 项目名：wechat-ssm request.getContextPath(); ServletPath: servlet/demoServlet request.getServletPath()； RequestURI: wechat-ssm/servlet/demoServlet request.getRequestU
POST http://localhost:8080/login 404 (Not Found)
热门推荐
dw将限制条件全部检测通过后才能提交表单
03-06 1万+
POST http://localhost:8080/login 404 (Not Found) 可以看到我们这个路由这边传输的网址有问题 我在网上找了好多，有的说URL写成了URI… 仔细检查一下，是之前在打代码的时候多写了一行 也就是说我的index.js文件有这两个语句： 导致它报错了，删掉后面这个空的就好。 ...
2021-07-20 Node.js localhost:3000拒绝访问 + HTTP请求 /响应 报文
weixin_45737029的博客
07-20 2435
2021/7/20 今天又是改错的一天，出现localhost无法访问的毛病，真是不入行者不知如何搜解救标题啊，翻遍了很多的博客才知道是自己iis和ipv6上的问题 https://blog.csdn.net/ambertian/article/details/70238020 https://www.cnblogs.com/rulasann/p/9442420.html 推荐两位大佬的博客，根据他们的帮助解决了困扰我半天的问题，无比感谢 ...
spring security+swagger3 访问默认路径（http://localhost:端口/swagger-ui/）出现404
weixin_48450741的博客
11-20 6681
spring security+swagger3 访问默认路径（http://localhost:端口/swagger-ui/）出现404springboot vue3 redis MySQL spring security swagger3 前后端分离项目。redis 和 rabbitMQ依赖spring security依赖swagger3依赖关于报错如何处理swagger3 的配置webmvc 的配置spring security 配置配置好后，在controller加入注解，然后访问路径 http:
【微服务eureka报错】微服务request execution error. endpoint=DefaultEndpoint{ serviceUrl=‘http://localhost:8761
hhhhealer的博客
01-19 2438
在微服务用eureka注册客户端的时候报错： 2022-01-19 14:43:31.067 ERROR 21976 --- [ main] c.n.d.s.t.d.RedirectingEurekaHttpClient : Request execution error. endpoint=DefaultEndpoint{ serviceUrl='http://localhost:8761/eureka/} com.sun.jersey.api.client.ClientHandl
POST http://localhost:8080/login 404 (Not Found)前端界面的控制台显示接口找不到
weixin_66921818的博客
01-28 5755
运行了后端代码和数据库后，前端界面的控制台显示接口找不到
axios+springboot 报错 POST http://localhost:8080/Login 404 (Not Found)
kh3064的博客
07-17 1万+
问题：点击登录，页面无跳转，报错： POST http://localhost:8080/Login 404 (Not Found) Uncaught (in promise) Error: Request failed with status code 404 原因：8080是前端vue的端口号，后端springboot没有配置自定义的端口号，这个请求就找不到后台了。 解决方法： 步骤一：在vue中的main.js文件为axios指明baseURL，即设置以下代码： var axios = requi
GET http://localhost:8080/xx/xx 404 (Not Found) 和Uncaught (in promise) Error: failed报错的原因
weixin_49931650的博客
03-20 3994
关于vuecli代理服务，明明给服务器发请求，却报错说，GET http://localhost:8080/xx/xx 404 (Not Found) 和Uncaught (in promise) Error: failed，说给本地发请求了
【springboot入门】
FanSunshineboy的博客
05-23 234
前端基础学习 springboot入门前端基础学习springboot 的简单介绍一、springboot的优点？二、springboot使用步骤2.1 下载学生版的idea编辑器2.2.1 账号激活2.2.2 IDEA的下载2.2 maven的环境配置2.3 导入maven库并运行项目2.3.1导入maven库2.3.2 创建Springboot项目2.3.3 运行项目三.前端与后端交互3.1 前端的连接3.2后端与前端连接四、遇到的问题4.1 端口被占用解决参考博客 springboot 的简单介
异步记录日志获取不到HttpServletRequest中的URI
dear_csdn的博客
05-08 808
异步记录日志获取不到HttpServletRequest中的URI@NPE异常 现象 侵入业务代码中记录审计日志时，需要根据HttpServletRequest请求获取需要的URI，但是获取为null @Service public class LogService { @Autowired private LogMapper logMapper; @Async @Transactional public void saveOptLog(String use
Node学习笔记之user用户API模块
最新发布
m0_52704461的博客
10-30 326
（要用到自己的服务器，腾讯云或者阿里云，不过七牛云新用户可以免费使用一个月）7、利用七牛云存储图片，修改头像。删除session中用户id。
http断点续传原理：http头Range和Content-Range
king_weng的博客
04-22 3316
1、断点续传原理 断点续传是从HTTP/1.1开始支持的。而在断点续传的请求中主要用到的是http头中的Range和Content-Range这两个字段。 （1）Range 用于请求头中，指定第一个字节的位置和最后一个字节的位置，一般格式： Range:(unit=first byte pos)-[last byte pos] （2）Content-Rang...
Wireshark数据包分析之HTTP协议包解读
weixin_34254823的博客
06-06 1633
*此篇博客仅作为个人笔记和学习参考 GET方法的数据包分析 Hypertext Transfer ProtocolGET / HTTP/1.1\r\n #请求行信息#[Expert Info (Chat/Sequence): GET / HTTP/1.1\r\n] #专家信息#Request Method: GET #请求的方法#Request URI: / #请求的U...
VM14 asdebug.js:10 PUT http://localhost:9876/api/user 500 (Internal Server Error)
09-20
### 回答1： This error message indicates that there was an internal server error when trying to make a PUT request to the URL "http://localhost:9876/api/user". The error code "500" means "Internal Server Error". This is a HTTP response status code that indicates that the server encountered an unexpected condition that prevented it from fulfilling the request. There could be several reasons for this error, such as a problem with the server-side code, incorrect data in the request, or a server-side issue. To troubleshoot the problem, you'll need to look at the server logs for more information about the cause of the error. Additionally, you could try reaching out to the server administrator for more information or if you're the one managing the server, you could investigate the logs and make the necessary fixes to resolve the issue. ### 回答2： VM14 asdebug.js:10 PUT http://localhost:9876/api/user 500 (Internal Server Error)是一个网络请求错误。这个错误表示在向 http://localhost:9876/api/user 发送PUT请求时，服务器遇到了内部错误导致请求失败。 Internal Server Error是一个HTTP状态码，服务器使用这个状态码来指示遇到了无法处理的错误。这个错误可能是由于服务器上的程序错误、配置错误或其他问题导致的。 要解决这个问题，可以采取以下步骤： 1. 检查请求的URL是否正确。确保http://localhost:9876/api/user是正确的接口地址。 2. 检查服务器端的代码。查看服务器端的代码，尤其是处理PUT请求的代码部分，确保没有错误。 3. 检查服务器配置。如果服务器使用某种框架或代理服务器，确保它们的配置正确。 4. 检查服务器日志。查看服务器的日志文件，如果有任何错误信息，可以帮助找到问题所在。 5. 重启服务器。有时候，重启服务器可以解决一些临时的错误。 如果以上步骤都没有解决问题，可以尝试将错误信息反馈给服务器端的开发人员，以获得更详细的帮助和支持。 ### 回答3： 这个错误是由于在使用VM14 asdebug.js:10 PUT请求时，服务器出现了内部错误所引起的。具体地说，PUT请求是一种用于向服务器发送更新资源请求的HTTP请求方法。在这个情况下，请求是发送到了本地主机的9876端口的/api/user路径上。 然而，服务器在处理这个请求时遇到了一个内部错误，返回了500错误码。500错误码代表服务器内部发生了错误，使其无法完成请求。这个错误可能是由于服务器代码逻辑错误、数据库连接错误、服务器资源不足等问题导致的。需要进一步检查服务器的日志或调试信息来确定具体的错误原因。 为了解决这个问题，需要查看服务器的日志或调试信息来获取更多的细节。一旦找到了具体的错误原因，就可以修复对应的问题，重新启动服务器或者重新调整服务器的配置来解决这个内部错误。另外，检查PUT请求的参数、请求头和目标路径是否正确也是必要的，以确保请求的正确性。 总之，这个错误是由于服务器内部发生了错误导致的500错误码。需要进一步检查服务器的日志或调试信息来找到具体的错误原因，并采取相应的措施来解决这个问题。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值