history模式，页面返回404，如何解决？

最新推荐文章于 2025-03-19 09:37:00 发布
最新推荐文章于 2025-03-19 09:37:00 发布
阅读量644 收藏
点赞数 1
分类专栏： Vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Menqq/article/details/113357241
版权
本文探讨了HTML5的history API如何修改地址栏而不发送实际请求，当遇到404错误时，说明请求已发送到服务器但未处理。解决这个问题的方法是服务器端针对此类请求进行重定向。了解如何配置服务器以避免404错误并确保用户体验的流畅。

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

history是html5新增的api,它的功能是修改地址栏但是不向服务器端发送真实请求，如果页面返回404，说明发送了请求到服务器端，并且服务器端对该请求没有做处理，那么解决404的方案就是：服务器端对于这类请求重定向到某个页面即可。

history路由解决刷新出现404的问题
qq_38719039的博客
12-05 995
1. 前端项目写完之后，把src件夹打包 (利用webpack、babel把项目里面的jsx / vue 、scss文件变异成js、css和html)，命令如下。在项目打包上线时，如果采用的是哈希模式，不会出现404，原因是 url 中 # 号后面的内容不会发给后端当作资源路径请求服务器。1. 根据前端发送的请求以及后端已有的资源路径做判断（正则）匹配，区分哪些是前端路由哪些是后端路由。该html文件需部署在服务器上才能正常显示（只有一个html文件，是因为项目本身是SPA），
history 模式刷新 404 问题解决方法
记录每日学习的知识&技术
01-16 3740
这是因为 history 模式依赖于浏览器的 history.pushState API 来管理路由状态，而刷新页面时浏览器会向服务器发送请求，服务器无法正确地解析这些路由并返回对应的页面，从而导致 404 错误。如果你使用的是基于 Node.js 的服务器（如 Express），需要配置服务器以始终返回 index.html 页面，即使在不存在的路由上也是如此。在 Vue CLI 生成的项目中，Vue Router 的配置通常位于src/router/index.js文件中。
Vue项目History模式404问题解决方法
10-17
本文主要解决Vue项目使用History模式发布到服务器Nginx上刷新页面404问题。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
已解决：若依框架在二级目录部署时退出登录后跳转404问题
最新发布
weixin_61032008的博客
03-19 774
项目部署在二级目录下时，退出登录后会跳转到Nginx的404页面。若依有时候挺坑的。。。。。。。。。
[vue]history模式报错404错误
weixin_34132768的博客
01-16 164
2019独角兽企业重金招聘Python工程师标准>>> ...
vue-cli，history 与 tomcat服务器，刷新404，请求资源404，解决办法
qq_41797950的博客
02-18 1844
问题： vue-cli，路由history，tomcat服务器，刷新404问题，刷新后请求资源路径不对。 配置： vue-cli：版本2.9.6 服务器：tomcat 注：仅是本项目的解决办法，可以参考，希望能帮到大家 1- config文件夹index.js，build下的 assetsPublicPath 改为 ‘/ec/’，名字根据项目自己定义 2- router文件夹下的index.Js...
解决vue router使用 history 模式刷新后404问题
12-09
想要history模式正常访问，还需要后台配置支持。要在服务端增加一个覆盖所有情况的候选资源：如果 URL 匹配不到任何静态资源，则应该返回同一个 index.html 页面，这个页面就是你 app 依赖的页面。 也就是在服务端...
Vue下路由History模式打包后页面空白的解决方法
08-27
Vue下路由History模式打包后页面空白的解决方法 在 Vue 项目中，默认的路由模式是 Hash 模式，但是这种模式会带来一些问题，如 URL 中的 "#" 符号不美观，微信分享、授权登录等功能也会出现一些问题。 History 模式...
VUE的history模式下除了index外其他路由404报错解决办法
12-10
我们先来看下代码： location / { ... root /dist; ... } try_files首先会判断他是文件，还是一个目录，...vue-router 默认是hash模式，使用url的hash来模拟一个完整的url，当url改变的时候，页面不会重新加载。但是如果我
vue路由history模式部署到tomcat报404问题
wzp6010625的博客
09-18 2996
将vue项目打包后，放到tomcat上，刷新页面或者手动输入地址会报404 解决办法： 1. 项目在webapps的meizu-shop目录下 2. 在meizu-shop中新建文件夹WEB-INF，文件夹中新建web.xml 3. 配置web.xml，内容如下 <?xml version="1.0" encoding="ISO-8859-1"?> <web-ap...
vue下history模式刷新后404错误解决方法
10-18
主要介绍了vue下history模式刷新后404错误解决方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Vue路由history模式解决404问题的几种方法
10-17
主要介绍了Vue路由history模式解决404问题的几种方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue路由history模式刷新页面出现404问题
qq_38188762的博客
07-21 2723
vue hash模式下，URL中存在'#'，用'history'模式就能解决这个问题。但是history模式会出现刷新页面后，页面出现404。解决的办法是用nginx配置一下。 在nginx的配置文件中修改 方法一： server { listen 9010; server_name localhost; location /{ root F:/mxr/WebApp/mxr/unpackage/dist/build/h5/; index index.
vue路由在history 模式，刷新页面出现404 的问题
weixin_38422287的博客
07-15 778
vue 路由的URL有两种模式，一种是 hash，一种是history ，history 模式更好看一些。 在使用hisory模式时，由于地址并不是真实存在，那么在刷新的情况下，这个会报404错误。 对于这个问题，我们只需要在服务器配置如果URL匹配不到任何静态资源，就跳转到默认的index.html。 我这里是针对nginx的配置，总结如下： server { listen 8001; ##表示的项目所占用的端口 server_name localhost;
Vue history路由模式 刷新404
m0_46498310的博客
09-03 1052
Vue history路由模式 刷新404 当我们使用Vue开发SPA（单页面应用）的时候，需要引入前端路由系统（vue-router）。vue-router是vue.js官方提供的路由插件，它和vue.js是深度集成的。前端路由的核心，就在于 ——** 改变视图的同时不会向后端发出请求。** 在Vue单页面应用中页面切换其实就是组件的切换，vue-router的作用在于将路径和组件联系起来，使得通过不同的路径可以访问到不同的组件。在传统的页面中，我们切换页面是通过a标签来实现，每一次页面切换都需要向后台发
在 history 模式下，为什么刷新页面会出现404?
小草莓的博客
10-25 4683
同时需要注意在使用 History 模式时，需要保证所有路由的访问路径都指向 index.html，否则仍然会出现404错误。这些配置将确保在 Vue 应用程序中使用 history 模式时，服务器能够正确地处理所有路由请求，并返回正确的页面。这段代码会将所有请求都指向根目录下的 index.html 文件，让前端路由来处理 URL 请求。具体的配置方式取决于对应项目使用的服务器环境，常见的有 Apache、Nginx 等。以将所有请求都代理到 Vue 应用程序的入口文件。
解决Vue中使用history路由模式出现404的问题
NetRookieX的博客
11-21 8835
背景 vue中默认的路由模式是hash，会出现烦人的符号#，如http://127.0.0.1/#/。 改为history模式可以解决这个问题，但是有一个坑是：强刷新、回退等操作会出现404。 Vue改用History路由模式 修改src/router/index.js export default new Router({ mode: 'history', //改为history模式 routes: [ { path: '/pub', component:Emp
java解决vue的history模式下刷新页面进入404
09-09
在使用Vue的history模式时，当页面进行刷新时，会出现404错误。这是因为Vue的history模式使用的是HTML5的history API，而不是传统的hash路由模式。在使用history模式时，服务器需要配置相应的规则来处理路由请求。 解决这个问题的方法是在后端服务器上进行相关配置。比如，使用Java开发的后端服务器可以通过Spring Boot框架来进行配置。 首先，需要配置WebConfig类，继承自WebMvcConfigurerAdapter，并重写其中的addResourceHandlers方法。在这个方法中，通过调用addResourceHandler和addResourceLocations可以配置服务器请求静态资源的路径和位置。 其次，需要在controller中添加一个fallback方法，用来处理前端页面路由请求的问题。在fallback方法中，通过前端请求的原始URL去寻找对应的HTML文件，并返回给前端。 最后，在后端服务器上，需要进行相关的跨域处理，以允许前端调用后端接口。 这样，通过Java进行相应的配置和处理，就可以解决Vue在history模式下刷新页面进入404的问题。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值