关于http://localhost:8080 报错404的异常

最新推荐文章于 2025-06-09 09:21:21 发布
最新推荐文章于 2025-06-09 09:21:21 发布
阅读量8k 收藏 8
点赞数
CC 4.0 BY-SA版权
文章标签： eclipse tomcat
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/create_rubbish/article/details/47007547
文章详细介绍了在Eclipse环境中启动Tomcat服务器并解决访问http://localhost:8080时报404错误的方法，包括检查server.xml文件、确认端口号配置及确保Tomcat安装路径正确等步骤。

在eclipse中启动了tomcat服务器，但是在浏览器中访问http://localhost:8080会遇到404错误。
解决办法：
第一，先查看server.xml文件确认是默认的8080端口

<Connector connectionTimeout="20000" port="8080" protocol="HTTP/1.1" redirectPort="8443"/>

第二，如果上一步是正确的，在eclipse中双击server ->tomcat进入设置界面
overview界面
可以看到Server Locations 中有三个选项（成灰色），我的是更改之后的结果，也就说要选择Use Tomcat installation(…)这个选项。如果是灰色的话，就在window->perferences->Server->Runtime Environment中remove tomcat，然后再重新加入tomcat之后，在到之前的界面去，灰色就消失了，变成可选的了。Ctrl+s保存修改之后，就可以正确访问http://localhost:8080 了

申鹰
关注
【k8s故障处理篇】calico-node启动失败“Felix is not live: Get “http://localhost:9099/liveness” 解决办法(V1.30.3版本）
jks212454的博客
08-06 795
【k8s故障处理篇】calico-node启动失败“Felix is not live: Get “http://localhost:9099/liveness” 解决办法(V1.30.3版本）
Eclipse正常启动tomcat，但是访问httplocalhost8080 报404异常处理方法
03-01
打开eclipse的server视图，双击配置好的那个tomcat，出现tomcat配置窗口，看到那个server location 是不是选第一项（默认是第一项），请选到第二项。如果这3项都是灰色的，请删除配置好的tomcat，再重新配置一次，然后再选到第二项。重新启动tomcat问题解决！
关于tomcat服务器启动后访问localhost:8080报错500或者404的解决
weixin_46764625的博客
11-12 2万+
一、问题描述 昨天安装了tomcat9.0以后，尝试启动服务器，访问localhost:8080测试是否启动成功，结果提示404。有趣的是，在我刷新了一下页面以后报错又变成了500，错误提示主要内容就是说服务器中jsp不可用等等。具体说法我忘记截图了，凭借我自己的记忆大致描述了一下。 二、原因及解决： 1、8080端口被占用 根据大部分我搜索到的说法，启动服务器后仍然不能访问localhost:8080的主要原因一般都是8080端口被占用，这种情况下释放占用8080端口的应用，或者修改tomcat的默认端
【免费下载】 解决Knife4j在SpringBoot中访问doc.html页面404问题
gitblog_01145的博客
06-09 870
在使用Knife4j（原swagger-bootstrap-ui）时，开发者经常会遇到访问`doc.html`页面返回404错误的情况。这个页面是Knife4j提供的增强版Swagger UI界面，提供了更丰富的文档展示和调试功能。 ## 原因分析 出现404错误通常是由于SpringBoot无法正确找到静态资源文件导致的。Knife4j的静态资源文件（包括`doc.html`）默认存放在`M...
http://localhost:8080/ 无法访问
qq_37744689的博客
10-25 4万+
当http://localhost:8080/ 无法访问，出现以下情况时 解决方案： 打开【控制面板】——【系统和安全】——【Windows防火墙】 点击【打开或关闭Windows防火墙】然后选择【关闭Windows防火墙】 就可以正常访问了 ...
eclipse启动tomcat 访问http://localhost:8080 报404错误
Francis.Hu--技术的巅峰
09-11 5万+
eclipse正常启动tomcat，但是 访问http://localhost:8080 却报404错误 修改下配置 就好操作如下图       打开eclipse的server视图，双击配置好的那个tomcat，出现tomcat配置窗口，看到那个server location 是不是选第一项（默认是第一项），请选到第二项。如果这3项都是灰色的，请删除配置好的tomcat，再重新配置
eclipse配置tomcat，访问http://localhost:8080出现404错误
严以律己 勤于思考
11-19 261
      问题：通过eclipse来启动tomcat会碰到“访问http://localhost:8080出现404错误”这样的问题，需要在eclipse中进行一系列的设置才行。       解决：打开eclipse的server视图，双击你配置的那个tomcat，打开编辑窗口，查看server locations，看看是否选择了第一个选项（默认是第一个选项），即use workspac...
微信小程序连接后端报错http://localhost:8080/Select/ServletSelect？ 404？
qq_43655140的博客
12-12 2397
文章目录微信小程序连接后端报错http://localhost:8080/Select/ServletSelect？ 404？二、解决方法总结 微信小程序连接后端报错http://localhost:8080/Select/ServletSelect？ 404？ #首先个人是小白一个，大佬可多多指教。最近刚自学关于微信小程序+myeclipse+sql 的连接和数据交互，遇到很多问题， 慢慢逐一排查了，自己也做了一些小笔记，希望对有遇到同样报红的小伙伴有用。 #原因分析：个人认为这是由于项目文件路径出问
springcloud配置中心客户端3355启动报错error on GET request for “http://localhost:8761/eureka/apps/“: Connection
01-08 1835
error on GET request for "http://localhost:8761/eureka/apps/": Connection refused: connect; nested exception is java.net.ConnectException: Connection refused: connect stacktrace=org.springframework.web.client.ResourceAccessException: I/O error on GET reque
但是我输入了http://localhost:8080/ 进入了界面。而输入http://localhost:8080/nacos 则显示caused: No static resource nacos.;
最新发布
08-29
根据之前对Nacos默认配置的了解，正常情况应该是通过`http://localhost:8080/nacos`访问控制台，但现在出现了异常。 分析问题： 1. 正常情况下，Nacos Console的默认访问路径是`/nacos`，即完整URL为`...
java.io.FileNotFoundException: http://localhost:8080/api/course/list
06-11
我们正在处理一个`FileNotFoundException`，该异常发生在尝试访问`http://localhost:8080/api/course/list`时。根据用户描述，这个API应该与数据库`student`和表`sc`（选课表）有关。我们需要排查URL路径问题以及...
解决访问 http://localhost:8080/ 报404错误问题
weixin_42564128的博客
08-07 1万+
原因：eclipse将tomcat的项目发布目录（tomcat 目录中的webapp）重定向了,所以你会发现在tomcat安装目录下的webapp目录里面找不到你的项目文件。 解决方法： 重新配置下tomcat服务器， 1.选择Use tomcat installation(Task control of Tomcat installation) 即选择tomcat的安装目录来作为项目的发布目录。 2.将Deploy Path的默认值"wtpwebapps"改成"webapps"。 ...
Tomcat 正确安装并启动后，浏览器访问localhost:8080显示404
热门推荐
Ju的博客
12-09 7万+
Tomcat 正确安装并启动后，浏览器访问localhost:8080显示404，可能是由于8080端口被占用导致的，可以通过修改默认端口的方法解决此问题。
解决Tomcat 8.5在浏览器输入localhost:8080出现404报错的全面指南
你好，欢迎来到我的个人技术博客！我是一个还有头发的程序猿，一名热衷于探索编程奥秘的程序员。在这个充满无限可能的数字时代，我致力于通过代码编织梦想，解决问题，不断追求技术的极致。 自从踏上编程之旅以来，我涉足了多个领域，包括但不限于Web开发、移动应用开发
07-12 3404
遇到返回404错误时，不要慌张。通过上述步骤逐一排查，大多数问题都可以得到解决。重要的是，保持耐心，细心检查每个环节，同时利用好日志文件和调试工具，它们是解决问题的重要线索。一旦问题解决，别忘了总结经验，完善你的部署和测试流程，以避免将来再次遇到类似的问题。
Tomcat 输入http://localhost:8080后出现404解决办法
weixin_43900888的博客
09-04 1万+
今天解决了一个问题:Tomcat 安装完毕,且在JDK安装和环境配置都没有问题的情况下,输入http://localhost:8080后出现404. 解决方案: 1 用txt打开Tomcat\conf\server.xml, 将两处"port=8080"改为"port=8090"后保存 2 重要!开代理!即可访问 ...
TOMCAT8配置(已配置好环境变量，端口为8080)，但localhost:8080/显示404错误
goolete的博客
04-25 2万+
在进行本教程之前，请先检查： 1.环境变量 ！！！！！！注意：这样配置是多余的！！！！！ 如果这样配置，会出现： 'startup' 不是内部或外部命令，也不是可运行的程序 或批处理文件。 经过查阅资料发现，CATALINA_BASE配置不是必要的，且这样配置不能正常运行!!! 它仅在你需要安装多个Tomcat实例而不想安装多个软件备份的时候使用，这样能节省磁盘空间。当你...
tomcat正常启动后http://localhost:8080/报错404
stujike123456的博客
01-24 4394
出现的问题： tomcat在eclipse里面能正常启动，而在浏览器中访问http://localhost:8080/不能访问，且报404错误。同时其他项目页面也不能访问。 原因： eclipse将tomcat的项目发布目录（tomcat 目录中的webapp）重定向了,所以你会发现在tomcat安装目录下的webapp目录里面找不到你的项目文件。 解决办法： 1->先把部署在tom
localhost:8080报错404
weixin_44339576的博客
11-12 734
今天打开一个之前的springmvc项目，运行tomcat后找不到首页，报404。 排错后发现此处少了web facet，添加上去即可。
解决配置Tomcat验证localhost:8080出现404
weixin_45822011的博客
03-18 3650
解决Tomcat配置完成无法打开http://localhost:8080/问题 首先确定了配置路径都没有问题 例如cmd后可以出现上诉内容，就证明没有问题 在查找了，cof文件下的server.xml文件中端口号就是8080 打开任务管理器，结束占用8080端口的进程一样不奏效! 神奇的操作竟然解决了困扰一下午的问题 找到Tomcat的文件夹打开bin目录，先点击该目录下的shutdown.bat，处理完后点击startup.bat，批处理文件运行完成后不要关闭页面，再在浏览器中输入localhost
调用mock接口报错GET http://localhost:8080/undefined 404
07-10
<think>我们正在处理一个关于Vue项目中mock接口调用返回404错误的问题。具体错误信息是：GET http://localhost:8080/undefined 根据用户提供的引用信息，我们可以分析可能的原因和解决方案。 引用[1]中提到了在vue.config.js中配置代理（proxy）和mock服务器（before）。用户可能配置了mock服务器，但出现了404错误，特别是请求的URL中出现了"undefined"。 可能的原因： 1. 请求的URL路径不正确，可能是由于基础URL（baseURL）未设置或设置不正确，导致请求的URL中出现了"undefined"。 2. 在定义接口时，可能使用了未定义的变量或错误的拼接方式。 引用[2]中提到了请求的封装，包括请求拦截器和响应拦截器。我们可以检查请求的封装部分，确保在发送请求时URL被正确构造。 引用[3]给出了一个定义接口的示例，其中URL是拼接的。如果这里的id未定义，可能会导致URL中出现"undefined"。 引用[4]是关于Swagger的配置，与当前问题关系不大，暂时忽略。 根据错误信息，请求的URL为"http://localhost:8080/undefined"，说明在请求时，路径中出现了"undefined"。这通常是因为在构造请求URL时，某个应该为字符串的变量是undefined。 解决方案： 1. 检查定义接口的地方（如teacher.js中的getTeacherInfo方法），确保传入的id有值且不为undefined。 2. 检查请求封装（request.js）中是否设置了baseURL，如果设置了baseURL，那么实际请求的URL将是baseURL和接口路径的拼接。如果接口路径中包含了undefined，就会导致整个URL出错。 具体步骤： 步骤1：检查接口定义 在引用[3]中，接口定义为： getTeacherInfo(id){ return request({ url: `http://localhost:8001/eduservice/teacher/getTeacher/${id}`, method: 'get' }) } 这里使用了模板字符串，如果调用此函数时id为undefined，那么URL就会变成`http://.../undefined`。 因此，我们需要确保调用getTeacherInfo时传入的id是有效的。可以在函数内部添加一个判断： if (id === undefined) { // 处理id未定义的情况，例如抛出错误或返回一个拒绝的Promise } 步骤2：检查请求封装 引用[2]中，请求封装使用了axios.create，其中设置了baseURL。但是，在引用[3]的接口定义中，我们使用了完整的URL（包含域名和端口），这可能会绕过baseURL的设置。如果同时使用了baseURL和完整URL，那么完整URL会覆盖baseURL。 更好的做法是只设置相对路径，然后由baseURL拼接。例如： // 在request.js中 const request = axios.create({ baseURL: 'http://localhost:8001', // 或者根据环境变化 timeout: 10000 }) // 在teacher.js中 getTeacherInfo(id) { return request({ url: `/eduservice/teacher/getTeacher/${id}`, // 相对路径 method: 'get' }) } 这样，如果baseURL设置正确，请求的URL将是`http://localhost:8001/eduservice/teacher/getTeacher/xxx`。 步骤3：检查mock服务器的配置 引用[1]中提到了在vue.config.js中配置mock服务器（通过before属性）。如果mock服务器没有正确处理该路径，也可能返回404。但是，错误信息中的URL是"undefined"，说明问题出在URL的构造上，而不是mock服务器本身。因此，我们首先解决URL构造问题。 步骤4：检查调用接口的代码 在组件中调用getTeacherInfo方法时，传入的id是否为undefined？例如： created() { // 假设从路由参数中获取id const id = this.$route.params.id; // 如果路由中没有定义id参数，那么id就是undefined this.getTeacherInfo(id); } 因此，需要确保传入的id有值。 总结： 根据错误信息，最可能的原因是传入的id为undefined，导致URL中出现了"undefined"。我们需要检查调用接口时传入的id是否有效，并在接口定义中添加防御性代码。 另外，建议将接口定义中的完整URL改为相对路径，并利用axios的baseURL配置，这样更易于维护。 修改示例： 1. 修改request.js，设置baseURL（根据环境，开发环境可能是'http://localhost:8001'，生产环境不同） 2. 修改teacher.js中的接口定义： getTeacherInfo(id) { if (!id) { return Promise.reject(new Error('ID不能为空')); } return request({ url: `/eduservice/teacher/getTeacher/${id}`, method: 'get' }) } 3. 在调用时确保id存在。 如果问题仍然存在，请检查网络请求的详细信息，确认请求的URL是否正确。 相关问题： 1. 如何调试Vue项目中的网络请求？ 2. 如何设置axios的baseURL以区分开发环境和生产环境？ 3. 在Vue项目中如何正确使用mock数据？ 4. 如何处理路由参数为undefined的情况？</think>针对调用 mock 接口返回 404 错误 `GET http://localhost:8080/undefined` 的问题，以下是系统分析和解决方案： ### 错误原因分析 1. **URL 路径拼接错误** 错误信息中的 `undefined` 表明接口路径中存在未定义的变量，通常是： ```javascript // 错误示例：id 未定义时导致路径异常 url: `http://localhost:8001/api/${id}` // 当 id=undefined 时 → /undefined ``` 2. **代理配置未生效** 引用 [1] 显示代理配置可能未正确启用（如 `before` 被注释）： ```javascript // vue.config.js devServer: { before: require('./mock/mock-server.js'), // 确保取消注释启用 mock proxy: { '/api': { target: 'http://ihrm.itheima.net', changeOrigin: true } } } ``` 3. **请求拦截器未处理路径** 引用 [2] 中的请求拦截器可能未正确处理 URL： ```javascript request.interceptors.request.use(config => { if (!config.url.includes('http')) { // 需确保路径完整性 config.url = `http://localhost:8080${config.url}`; } return config; }) ``` --- ### 解决方案 #### 步骤 1：修复接口路径拼接 检查接口定义文件（如 `teacher.js`），确保路径变量有效： ```javascript // 正确写法：添加默认值或校验 getTeacherInfo(id = "") { // 设置默认值避免 undefined if (!id) throw new Error("ID 不能为空"); return request({ url: `/eduservice/teacher/getTeacher/${id}`, // 使用相对路径 method: 'get' }) } ``` #### 步骤 2：启用 Mock 服务 在 `vue.config.js` 中激活 mock 服务： ```javascript module.exports = { devServer: { before: require('./mock/mock-server.js'), // 取消注释 proxy: { /* 代理配置 */ } } } ``` #### 步骤 3：优化请求封装 在 axios 拦截器中统一处理基础路径： ```javascript // request.js const request = axios.create({ baseURL: process.env.VUE_APP_BASE_API || '/api', // 关键！设置基础路径 timeout: 10000 }); request.interceptors.request.use(config => { // 自动添加 Token 等逻辑（引用[2]） return config; }); ``` #### 步骤 4：验证调用代码 检查组件中的调用逻辑： ```vue <script> export default { methods: { async fetchData() { const id = this.$route.params.id || ""; // 防止路由参数为空 const res = await getTeacherInfo(id); // 调用修复后的接口 } } } </script> ``` --- ### 验证流程 1. 启动服务：`npm run serve` 2. 浏览器访问：打开开发者工具 → Network 标签 3. 观察请求 URL 是否变为正确格式： ✅ 正确示例：`http://localhost:8080/api/teacher/getTeacher/123` ❌ 错误示例：`http://localhost:8080/undefined` --- ### 相关问题 1. 如何区分开发环境与生产环境的 API 地址？ 2. Vue 项目中如何动态启用/禁用 Mock 服务？ 3. Axios 拦截器中如何处理多种类型的错误（如 401/404/500）？ 4. 如何避免前端路由参数为空导致的接口调用异常？ > 引用说明： > 代理配置和 Mock 服务启用参考 vue.config.js 配置 [^1] > 请求拦截器和错误处理逻辑优化参考 axios 封装方案 [^2] > 接口路径拼接错误修正参考 service 层定义规范 [^3]
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值