项目启动正常，访问出现404

最新推荐文章于 2025-06-07 14:21:27 发布
最新推荐文章于 2025-06-07 14:21:27 发布
阅读量4.3k 收藏 6
点赞数
CC 4.0 BY-SA版权
分类专栏： javaWeb项目笔记 spring mvc笔记 工作笔记/后端 技术杂谈 文章标签： 启动项目报错404 404
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_37844454/article/details/90175481
本文详细解析了在Eclipse中启动项目时遇到404错误的原因，并提供了检查项目映射和访问路径的步骤，以及如何重新配置Tomcat服务器来解决此问题的方法。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

一、问题现象

Eclipse下，项目启动正常，但是访问时却出现404（IDEA没有任何问题，各位大侠，还是转IDEA吧）

项目启动正常

项目启动出现404

二、问题描述

访问出现404问题，说明tomcat已经成功启动了，但是可能是映射、访问路径等出现问题。如果是tomcat启动失败，应该是这样的提示：

在这里插入图片描述

三、解决方案
3.1、查看项目网址里面打印的目录是否为打印目录

在这里插入图片描述
上面那里是什么，访问路径里面的项目名就是什么

3.2、重新配置tomcat服务器

操作：双击服务后,可以看见如上面板,接下来我们要做的就是这个面板
双击服务后,可以看见如上面板,接下来我们要做的就是这个面板

3.2.1、如果发现面板里面的选项为灰色（不可编辑），则先做如下操作

在这里插入图片描述

还是不行的话，进行“三清”（何为“三清”？ 戳我）

3.2.2、然后改为如下，保存，重启项目即可

双击tomcat服务，找到“Server Locations”，然后编辑如下：
在这里插入图片描述

保存以后重新启动就可以了

SpringBoot项目正常启动后，但访问出现404
qq_36563707的博客
11-17 1453
1、创建项目 不选择其他配置 项目结构 创建代码： @Controller @RequestMapping("/test") public class HelloWorldController { @RequestMapping(value = "/index") @ResponseBody public String index() { return "helloword!"; } } Ps： 访问出现404 解决办法： @Spr..
Tomcat正常启动,访问所有页面均报404异常,404异常总结分析
09-05
Tomcat服务器正常启动后，如果访问所有页面均报404异常，则表明Web应用的某个部分可能配置不正确或者文件路径存在问题。下面将对相关知识点进行详细总结和分析。 1. 404异常的理解和常见原因： 404 Not Found是HTTP...
linux系统下部署项目访问报404错误的解决方法
09-15
主要为大家详细介绍了linux系统下部署项目访问报404错误的解决方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
springboot项目启动，但是访问报404错误
m0_54850467的博客
04-08 2937
今天在做一个springboot项目的时候，是接着别人的项目写的，写完之后想做一下测试，于是就启动了springboot，然后在访问的时候，一直包404的错误，然后百度了一下网上给的方法，包括注解使用@RestController，然后去除掉方法@RequestMapping(value = “/add”)中的“value=”，这个方法对我无用，因为我的项目之前就是用的@RestController，而且@RequestMapping中也没有value=”。 所以，我就看了别的方法，说是springboo
idea创建SpringMVC项目，且解决启动出现404的问题
2403_89970355的博客
06-07 936
使用idea一步步创建一个入门SpringMVC项目，并解决常见的tomcat报404问题。
Springboot项目正常启动,访问资源却出现404错误如何解决?
2301_80165178的博客
04-12 721
我在自己的springboot项目中的启动类上同时使用了和注解, 虽然项目能够正常启动,但是访问资源后,返回404错误,随后在启动类中输出bean,发现controller创建失败:而后我将去掉后资源就能访问到了.
SpringMVC项目出现404
m0_62645012的博客
12-11 7562
从标题不难看出，框架搭建好后，编译部署并启动项目一切正常，并没有报任何的错误，但是从页面访问controller时缺报404[Not Found]的错误。
初学遇到的问题：springmvc项目启动后可成功进入主页，但跳转其他页面直接404
HFDJZS的博客
05-16 1309
初学springmvc遇到的问题:springmvc项目启动后可成功进入主页，但跳转其他页面直接404。 第一篇博客献给这个问题，因为他困扰了我一整个上午，并且网上的其他方法均无效。 既然无法跳转，很可能是路径出现问题 但经过比对，跳转之后显示的路径是正常的（带有项目名，跳转的路径正常）， 并且spring，web，tomcat，controller甚至jsp页面等文件的配置或内容均没有问题， 而且web文件夹的图标上带有小蓝点， 感觉很痛苦，所以关掉idea转身打了把lol （卡莎牛逼且好看）。回来后随
解决Spring Boot 正常启动后访问Controller提示404问题
08-27
在开发基于Spring Boot的应用时，有时我们可能会遇到一个常见的问题：正常启动应用后尝试访问Controller，但服务器返回404错误。这个问题通常是由于Spring Boot的组件扫描机制未能正确识别和加载Controller导致的。...
Spring Boot启动正常但访问Controller出现404问题解决
06-30
在开发基于 Spring Boot 的应用时，有时会碰到一个棘手的问题：应用正常启动后，尝试访问 Controller，却收到 404 错误。这通常是因 Spring Boot 的组件扫描机制出了问题，没能正确识别和加载 Controller。今天就来...
解决在启动eclipse的tomcat进行访问时出现404问题的方法
09-02
然而，有时在启动Eclipse中的Tomcat服务器并尝试访问应用时，可能会遇到404错误，这是一个非常常见的问题，通常意味着请求的资源无法被服务器找到。本文将详细讲解如何解决这种问题。 404错误通常是由以下几种原因...
IDEA启动后控制台不报错，但是页面访问404
二哈喇子！
10-12 1万+
IDEA启动后控制台和日志不报错，但是页面访问404
项目一直报404的问题解决办法
待起飞的程序猿的博客
02-28 2万+
今天被一个404搞的头大，花了一下午的时间愣是没搞懂哪出了问题，最后在一位老哥的提示下解决了。 于是，顺便记一下关于项目报404的问题排除办法。 1. 路径和文件名 项目报404，首先应该考虑路径和文件名的匹配问题，多半是文件放错位置（一般不会放错，毕竟都会放在对应的文件夹下，当然也有疏忽的时候），或者是文件名和我们请求的地址不匹配。所以先检查这两项。 如果这两项没问题，那么接着往下排除。 2. 视图解析器（前提如果使用了的话） 我们在视图解析题里面会设置跳转视图页面的前缀和后缀，以springmvc为例：
springboot初学问题总结01 项目启动正常 ，但是404报错
qq_36657997的博客
07-26 4326
今天接到新项目，老板决定尝试使用spring-boot作为框架，让我尝试搭建。我在网上看了相关教程，搭建了一个Demo 如何开始springboot 网上教程很多不一一赘述。 网上查了资料发现问题出现的原因是启动类的包路径不正确导致。 SpringBoot 注解 @SpringBootApplication 默认扫描当前类的同包以及子包下的类； 如：启动程序在包名 com.jd 下，则会查...
项目一直报404的各种原因及解决方法
RunningCodeMonkey的博客
07-01 1万+
项目一直报404的各种原因及解决方法 404找不到的路径或资源的情况会经常出现,那么怎么样排查才能快速解决问题呢? 1. 路径和文件名 项目报404，首先应该考虑路径和文件名的匹配问题，多半是文件放错位置（一般不会放错，毕竟都会放在对应的文件夹下，当然也有疏忽的时候），或者是文件名和我们请求的地址不匹配。所以先检查这两项。包括前端的JSP页面和HTML页面的请求URL地址，注意项目名要写成动态的获取 ${pageContext.request.contextPath} 2. 视图解析器（前提如果使用了的话）
关于项目报错404怎么解决可以尝试一下方法
lxxxxxqqq的博客
06-11 1637
首先，你可以检查您的代码中是否有任何语法错误或逻辑错误，特别是在你的控制器中。您还可以检查您的配置文件，确保它们正确地指向你的应用程序。如果您使用的是 Web 服务器，您还可以检查您的 Web 服务器配置文件，确保它们正确地指向您的应用程序。例如，在使用 Tomcat 作为您的 Web 服务器时，您可以查看 Tomcat 的日志文件，以找出问题所在。如果你的项目报错404，通常是因为你的服务器无法找到请求的资源。这可能是因为你的代码中有一些错误或配置问题，导致服务器无法正确地加载您的应用程序。
javaWeb项目本地运行正常，部署服务器后访问404
m0_60739527的博客
08-22 2791
按网友说的去tomcat的lib目录下看了一下，jar没有加载进去。于是用IDEA再将全部（除了会冲突的）jar打包再设置，还是没有被加载。查看日志，日志里却有扫描的记录。也就是说扫描到了文件夹，但是没有加载出来。突然想到我的IDEAjdk是1.8，而部署的tomcat7配置jdk1.7。尝试将tomcat7和jdk1.7换成tomcat8、jdk1.8，再重新加载项目，成功解决。今天做了一个api的二级域名，本地测试完后放到服务器部署。尝试访问了一下tomcat自动的ROOT目录下的文件，正常访问。
关于 SpringBoot项目启动成功，接口无法访问且提示404的问题
热门推荐
芒果不是冰
04-19 2万+
当SpringBoot项目启动成功后，访问controller下的接口却发现无法访问，且提示status=404 我的项目中controller下只有一个测试接口，接口名为write，正常情况下当项目启动成功，我们会在控制台看到项目启动时扫描到该接口名：@RequestMapping(value="/write") ;但是我们看控制台此时并没有扫描到write 接口无法成功访问 到这...
关于项目404解决方法：前提条件：项目路径都是正确的
weixin_39758376的博客
09-30 6466
描述：在很多程序员的编程过程中，会被一些小问题所绊，那就是明明项目路径全部正确，但访问时就是报404，部分原因在这里。 看上面这个项目，目录是WebRoot,而不是WebContent.当你在servers里部署完项目启动后，就是无法访问，那你就要检查你自己Tomcat的这个地方了。 一般情况你的tomcat的默认路径是WebContent;  但如果你导入一个项目，包，页面等文件在W...
vue3正常启动 页面访问报404
最新发布
08-06
<think>首先，用户的问题是关于Vue3项目的：项目正常启动，但访问页面时报告404错误。我需要根据提供的引用来帮助用户解决问题。 关键点从引用中提取： - 引用[1]：提到Vue项目启动后404错误，但没有具体细节。 - 引用[2]：讨论Vue项目打包后部署到Docker的Nginx服务器，刷新页面报404错误，原因是Nginx配置问题。 - 引用[3]：明确指出Vue项目部署到Nginx时刷新页面404，是因为Nginx无法处理前端路由。 - 引用[4]：建议在服务器配置中重定向所有未找到的路径到index.html，并在Vue应用中实现一个万能路由来处理404。 - 引用[5]：类似地，提到部署后刷新报404，是由于路由模式（history模式）和Nginx配置问题。 用户提到的是Vue3项目正常启动，但访问页面报404错误。这很可能发生在开发环境或生产环境中，但用户没有指定是否部署过。用户说“正常启动”，可能意味着在本地开发服务器上运行。 在Vue开发中，404错误通常与路由相关： - Vue使用前端路由（如vue-router），当直接访问一个路径（如/example）时，开发服务器可能没有配置来处理它。 - 在本地开发时，Vue CLI（或Vite）的服务器通常配置了historyApiFallback或类似选项来处理路由。 常见原因： 1. **路由模式**：如果使用history模式（createWebHistory），在开发或生产环境中，服务器需要配置来重定向所有请求到index.html。 2. **服务器配置**：在开发服务器（如Vite）或生产服务器（如Nginx）中，如果没有正确设置fallback，会导致404错误。 3. **开发环境问题**：在本地启动项目时，如果URL路径不匹配，Vue开发服务器可能默认不处理，需要配置。 针对Vue3： - Vue3通常使用Vite作为构建工具。 - vue-router的默认模式是hash模式，但history模式更常见。 解决方案步骤： 1. **检查路由模式**：在vue-router配置中，如果是history模式（createWebHistory），需要确保服务器支持。 2. **开发服务器配置**：对于Vite，在开发时，vite.config.js中需要配置server选项来处理history API fallback。 3. **生产部署配置**：如果部署到服务器（如Nginx），需要配置Nginx来重定向所有请求到index.html。 4. **添加万能路由**：在Vue应用中，添加一个捕获所有路由的404组件。 用户的问题是“项目正常启动但访问页面报404”，可能是在开发环境。所以，我应聚焦于开发环境配置。 参考引用： - 引用[3]和[5]直接相关：Nginx配置问题，但用户可能是在本地开发。 - 引用[4]建议在应用中添加万能路由。 在开发环境中： - 使用Vite时，默认情况下，如果访问根路径（/），它工作正常，但如果访问子路径（如/about），可能报404，除非配置了history fallback。 如何配置Vite开发服务器： - 在vite.config.js中，添加server选项： ```javascript export default { server: { proxy: { // 代理API请求等，但这不是直接相关 }, // 添加historyApiFallback historyApiFallback: true, // 或配置选项 } } ``` 在Vite中，historyApiFallback是通过@vitejs/plugin-react或类似，但Vite默认支持SPA，需要确保正确设置。 对于Vue项目，Vite的配置： - 使用vite-plugin-html或直接配置server.middlewareMode。 标准做法： - 在Vite中，server.historyApiFallback默认可能为false，需要设置为true。 在开发中启动命令： - 如果是npm run dev或vite，它应该处理路由，但有时需要显式配置。 其他可能原因： - 路由配置错误：在vue-router中，路径定义不正确。 - 部署问题：但用户说“正常启动”，可能是在本地。 用户说“项目正常启动”，意思是dev server启动成功，但访问页面时404。 所以，回答结构： 1. **解释原因**：404错误通常是由于前端路由没有被服务器正确处理。在开发环境中，Vite或Webpack需要配置历史API fallback。 2. **提供解决方案**： - 对于Vite项目：修改vite.config.js。 - 对于Vue CLI项目（但Vue3通常用Vite）：如果是Webpack，配置devServer.historyApiFallback。 3. **添加万能路由**：在应用中添加一个404路由组件。 4. **生产环境提示**：如果部署后有问题，配置Nginx。 引用相关部分： - 引用[3]：Nginx无法处理前端路由。 - 引用[4]：重定向所有路径到index.html并实现万能路由。 - 引用[5]：路由模式问题。 在回答中，自然地添加引用标识，例如：[^3] 生成相关问题： - 在最后，添加相关问题部分。 使用中文回答。 系统指令： - 行内数学表达式用$...$，但这里可能不需要数学。 - 独立公式用$$...$$，但这里可能不需要。 - LaTeX语法正确。 - 结构清晰。 最终回答结构： 1. **问题分析**：解释为什么启动正常但访问报404。 2. **解决方案**： - 开发环境配置。 - 添加404路由。 - 生产环境提示。 3. **代码示例**：提供配置代码。 4. **相关问题**：生成2-3个相关问题。</think>### Vue3 项目正常启动但访问页面报 404 错误的原因与解决方案 当 Vue3 项目正常启动（开发服务器运行无报错），但访问页面时出现 404 错误，这通常是由于 **前端路由未被服务器正确处理** 导致的。Vue3 使用 vue-router 进行路由管理，默认或常用的 history 模式（`createWebHistory()`）依赖于服务器配置来重定向所有请求到入口文件 `index.html`。如果服务器未正确配置，当直接访问子路径（如 `/about`）或刷新页面时，服务器会尝试查找对应的物理文件或目录，找不到就会返回 404 错误[^3][^5]。以下我将逐步分析原因并提供解决方案。 --- ### 一、问题原因分析 1. **路由模式问题**： - Vue3 的 vue-router 支持两种模式：`hash` 模式（URL 带 `#`，如 `http://example.com/#/about`）和 `history` 模式（URL 无 `#`，如 `http://example.com/about`）。 - 如果使用 `history` 模式（推荐用于生产环境），开发或生产服务器必须配置 **历史 API fallback**，将所有请求重定向到 `index.html`，否则访问非根路径时会触发 404 错误[^3][^5]。 2. **开发服务器配置缺失**： - 在本地开发时，Vue3 项目通常使用 Vite 作为构建工具。Vite 开发服务器默认可能未启用历史 API fallback，导致访问子路径时无法正确处理路由[^3]。 3. **缺少万能路由**： - 即使服务器配置正确，如果应用中未定义 404 页面路由，用户访问不存在的路径时可能显示空白或默认错误页，而非自定义的 404 反馈[^4]。 --- ### 二、解决方案 以下是针对开发环境（本地启动）和生产环境的完整解决步骤。**核心是配置服务器重定向所有请求到 `index.html`，并在 Vue 应用中添加万能路由**。 #### 步骤 1: 检查并修改 vue-router 配置 在 Vue3 项目中，确认路由模式是否为 `history`，并添加万能路由捕获未匹配路径： 1. 打开 `src/router/index.js` 文件。 2. 确保使用 `createWebHistory`，并添加一个通配符路由（`/:pathMatch(.*)*`）来处理 404 错误： ```javascript import { createRouter, createWebHistory } from 'vue-router'; const routes = [ // 其他路由... { path: '/:pathMatch(.*)*', // 捕获所有未匹配的路径 name: 'NotFound', component: () => import('@/views/NotFound.vue'), // 创建自定义 404 组件 }, ]; const router = createRouter({ history: createWebHistory(), // 使用 history 模式 routes, }); export default router; ``` - 优势：用户访问无效路径（如 `/invalid-path`）时，会显示自定义的 404 页面，而非服务器默认错误[^4]。 #### 步骤 2: 配置开发服务器（Vite） 如果问题发生在本地开发环境（运行 `npm run dev`），需在 Vite 配置中启用历史 API fallback： 1. 在项目根目录下创建或修改 `vite.config.js` 文件。 2. 添加 `server.historyApiFallback` 选项： ```javascript import { defineConfig } from 'vite'; import vue from '@vitejs/plugin-vue'; export default defineConfig({ plugins: [vue()], server: { historyApiFallback: true, // 启用历史 API fallback // 可选：代理 API 请求（如需要） proxy: { '/api': { target: 'http://localhost:3000', changeOrigin: true, }, }, }, }); ``` - **重启开发服务器**：运行 `npm run dev` 后测试访问子路径（如 `http://localhost:5173/about`），404 错误应消失。 #### 步骤 3: 生产环境服务器配置（如部署到 Nginx） 如果问题出现在生产环境（例如部署到 Nginx），需修改 Nginx 配置： 1. 编辑 Nginx 配置文件（如 `/etc/nginx/conf.d/default.conf`）。 2. 添加 `try_files` 指令重定向所有请求到 `index.html`： ```nginx server { listen 80; server_name your-domain.com; location / { root /usr/share/nginx/html; # Vue 项目构建文件目录 index index.html; try_files $uri $uri/ /index.html; # 关键：重定向所有路径到 index.html } # 可选：处理 API 代理或其他配置 location /api { proxy_pass http://backend:3000; } } ``` - **重启 Nginx**：运行 `nginx -s reload` 后测试页面刷新。 - 注意：此配置确保所有未找到的路径由 Vue 应用处理，但需结合步骤 1 的万能路由提供友好 404 页面[^3][^4]。 --- ### 三、验证与注意事项 - **验证方法**：启动项目后，访问根路径（如 `http://localhost:5173/`）应正常显示，再访问子路径（如 `http://localhost:5173/about`）不应报 404。 - **注意事项**： - 如果使用 Vue CLI（而非 Vite），配置类似：在 `vue.config.js` 中添加 `devServer: { historyApiFallback: true }`[^5]。 - 避免直接修改服务器默认 404 页，而是通过 Vue 应用自定义 404 组件提升用户体验[^4]。 - 部署后若仍有问题，检查构建文件路径是否正确（如 Nginx 的 `root` 目录是否包含 `dist` 文件夹内容）。 通过以上步骤，404 错误通常能解决。如果问题持续，请检查路由定义或服务器日志以获取更多线索。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值