vue本地运行项目页面出现Whitelabel Error Page问题

最新推荐文章于 2024-05-20 09:39:58 发布
最新推荐文章于 2024-05-20 09:39:58 发布
阅读量3.9k 收藏 3
点赞数
分类专栏： 笔记 文章标签： javascript vue.js html5 webpack
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44169027/article/details/118301637
版权

当直接打开带有路由的页面时，页面出现Whitelabel Error Page报错，如：

http://192.168.0.6:8080/  可以显示
http://192.168.0.6:8080/login  页面出现Whitelabel Error Page错误

这是当vue项目为history的路由模式下，且做了代理跨域就会出现这样的情况，换成hash路由或者换一个跨域的方式（如CORS跨域）就能解决这个问题

deanwinnie
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
vue-error-page-提供路由器视图的包装器，使您可以显示错误页面而无需更改URL-Vue.js开发
05-27
vue-error-page提供路由器视图的包装器，使您可以显示错误页面而不更改URL。 为什么？ 原因：触发router-view chan vue-error-page为router-view提供包装器，使您可以显示错误页面而不更改URL。 为什么？ 原因是：在...
Vue项目部署在Spring Boot出现页面空白问题的解决方案
10-17
主要介绍了Vue项目部署在Spring Boot出现页面空白问题的解决方案,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下
Vue开发刷新页面Vue Whitelabel Error Page
u014241231的博客
10-19 2698
这个问题，网上能够搜到很多解决方案，一般造成这种情况的原因是路由使用history模式，开发环境没有问题，待到项目打包上线，在生产上没有配置合适的Nginx配置，添加如下配置即可解决： location / { root ... index ... try_files $uri $uri/ /index.html; ---解决页面刷新404问题 }　 本文记录一个比较不容易发现的问题，在开发环境出现404时可能是vue-cli设置路径的publi...
Vue菜单页初始打开没问题,刷新后出现Whitelabel Error Page 404问题
weixin_44741820的博客
01-30 543
一般404都是路由的路径问题,去看了在vue.config.js中配置的本地代理,发现并没有重复冲突项,后面想会不会是因为包含了就导致了?项目中途改过nginx配置,由原来的hash改为了history,有的菜单没有这个问题,有的就有,由于这次是新建菜单后出现了问题,决定解决一下.路由中的开头字母act和代理中的act产生冲突了 ,导致页面刷新直接去请求后端地址了,所以配置时不止不要名称一样,尽量不要路由地址开头字母也一样。在新建菜单页后,又出现了whitelabel error page,
如何完美解决 Spring Boot 出现 Whitelabel Error Page This application has no explicit mapping for /error 解决方案
最新发布
猫头虎：授渔优于赠鱼，兴趣引领智慧，探索之乐尤显珍贵。商务合作：Libin9iOak，共赴知识与乐趣的探索之旅！
05-20 1万+
Spring Boot开发过程中，你是否遇到过令人头疼的Whitelabel Error Page问题？本文将详细介绍Spring Boot中Whitelabel Error Page的出现原因，并提供多种有效的解决方案。通过这篇文章，你将学习到如何自定义错误页面，配置错误处理器，以及使用全局异常处理机制，帮助你彻底解决Spring Boot中的Whitelabel Error Page问题。无论你是新手还是老手，都能通过本文找到解决问题的方法。
Vue Whitelabel Error Page错误
weixin_47886687的博客
05-19 3238
这个错误网上有很多解决办法,但是这里提供一个另类的可能存在的问题导致的… vue-cli设置路径的publicPath与代理路径不可以重复. 否则会报错 只要设定其他非敏感或重复字段都可以
vue打包到springboot项目下出现，vue页面刷新页面404错误/Whitelabel Error Page、无法直接通过路径访问Whitelabel Error Page
ACodeBird
12-28 7714
vue打包到springboot项目下出现，vue页面刷新页面404错误/Whitelabel Error Page、无法直接通过路径访问Whitelabel Error Page 问题描述 将vue项目整合进后端项目，部署服务器后，正常使用没有问题，但是只要刷新当前页面就总是返回404错误，Whitelabel Error Page，This application has no explici...
Whitelabel Error Page问题解决方案
weixin_59779600的博客
06-22 461
处理Whitelabel Error Page
【学习笔记之vue】vue项目放在springboot项目里后，刷新页面会显示whitelabel error page
IsQiya Bug Worlde
04-22 715
当你在Spring Boot项目中嵌入Vue项目，并且刷新页面时遇到了“Whitelabel Error Page”，这通常意味着Spring Boot后端没有正确地处理前端路由的请求。Vue.js是一个前端框架，它使用客户端路由，而Spring Boot是一个后端框架，它通常处理服务器端的路由。通过检查上述方面并进行适当的调整，你应该能够解决在Spring Boot项目中嵌入Vue项目时遇到的“Whitelabel Error Page”问题。
解决vue-cli项目开发运行时内存暴涨卡死电脑问题
01-19
最近开发一个vue项目时遇到电脑卡死问题，突然间系统就非常卡，然后卡着卡着就死机了，鼠标也动不了了，只能冷启动。而且因为是突然卡死，没来得及打开任务管理器。 最开始以为是硬盘的问题，但是在卡死几次后，就...
关于Vue项目跨平台运行问题的解决方法
10-17
本篇文章主要探讨的是在Vue项目中遇到的跨平台运行问题及其解决方案。 问题描述： 当从gitLab克隆了一个Vue项目，并尝试在本地环境中运行`npm install`和`npm run dev`时，可能会遇到以下错误： ``` >NODE_ENV=...
vue项目刷新页面报404
qq_41687299的博客
02-21 6000
今天突然想到之前遇到的一个问题，使用vuecli3.0创建的vue项目，刷新页面报404。 原因： hash —— 即地址栏 URL 中的 # 符号。比如这个 URL：http://www.abc.com/#/hello hash 的值为 #/hello。它的特点在于：hash 虽然出现在 URL 中，但不会被包括在 HTTP 请求中，对后端完全没有影响，因此改变 hash 不会重新加载页面。（仅 hash 符号之前的内容会被包含在请求中，如 http://www.abc.com，因此对于后端来说，即使
VUE前端本地代理出现Whitelabel Error Page
qq_53689264的博客
10-16 581
在本地环境，刷新页面，就报Whitelabel Error Page错误，本以为是后端改动什么，导致前端页面出现了错误，就和后端研究了十几分钟……后面才发现是前端配置冲突了。刷新页面后，页面路由访问到后端了，可能是本地配置匹配到了/system，就去请求后端了🥸。所以，两个配置尽量不要重复。
关于“Whitelabel Error Page”问题的解决
winston的博客
08-07 6674
一、问题描述 访问spring boot项目templates目录下的资源会报“Whitelabel Error Page”，因此资源无法访问。一般出现这个问题的原因要么是路径不对，要么就是被拦截。 二、异常截图 三、问题解决 代码放在启动类同级目录或下级目录中。 启动类使用@SpringBootApplication注解。 controller中缺少@Controller注解。 ...
Spring Boot : Whitelabel Error Page
浪丶荡
06-29 697
Spring Boot : Whitelabel Error Page解决方案 新搭建的Spring Boot，maven工程 pom文件 <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3...
出现Whitelabel Error Page的解决方法(持续更新带图并总结了其他博文)
qq_40262372的博客
01-12 3万+
先上图 这里已经将静态资源都放好了。 然后结果application.properties的里没有将这个路径导入 大多数问题都可以从这些路径上找，因为springboot已经给我们集成的很好了。所以大多出现在配置上，代码出现一般是报错500 ...
Whitelabel Error Page 的原因
热门推荐
drose29的博客
04-17 20万+
刚接触springboot项目，demo跑起来，可是就是访问不到。。 根据网上查资料，慢慢排除问题。 一、controller类必须是Application的所在包的类或者子包的类。 官网那边说明是，程序只加载Application.java所在包及其子包下的内容。 二、静态资源的配置 springboot 在未配置访问静态资源...
errorpage和iserrorpage区别
08-10
### 回答1： errorpage和iserrorpage都是JSP页面中的指令，但是它们的作用不同。 errorpage指令用于指定当JSP页面发生异常时，要跳转到哪个页面进行错误处理。例如： <%@ page errorPage="error.jsp" %> 这个指令表示当JSP页面发生异常时，会跳转到error.jsp页面进行错误处理。 而iserrorpage指令用于判断当前页面是否是错误处理页面。例如： <%@ page isErrorPage="true" %> 这个指令表示当前页面是错误处理页面，可以在页面中使用exception隐含对象获取异常信息。 总之，errorpage指令用于指定错误处理页面，iserrorpage指令用于判断当前页面是否是错误处理页面。 ### 回答2： 在Web开发中，常会遇到处理错误的情况。而"errorpage"和"iserrorpage"是两个涉及错误处理的关键字，但含义和作用有所不同。 "errorpage"是一个指令，它的作用是在JSP页面中指定当出现异常或错误时跳转到的自定义错误页面。通过在JSP页面中添加`<%@ page errorPage="error.jsp" %>`指令，我们可以告诉服务器在出现错误时将控制权转移到指定的错误页面上，以显示自定义的错误信息。 与之相比，"iserrorpage"是一个可以在JSP页面中使用的内置对象，它的作用是判断当前页面是否被用作错误页面。当我们打算将某个JSP页面用作错误页面时，需要在页面中添加`<%@ page isErrorPage="true" %>`指令，以标识该页面是一个错误页面。这样，页面即可使用内置对象"exception"来获取、处理和显示当前错误的相关信息。 总结起来，"errorpage"是用于指定跳转到的自定义错误页面的指令，而"iserrorpage"则用于标识当前页面是否为错误页面的内置对象。它们的目的都是为了在Web开发中更好地处理和显示错误信息，提供更好的用户体验。 ### 回答3： errorpage 和 iserrorpage 是 JSP 页面中的两个指令，用于处理错误页面。 errorpage 指令用于在发生错误时指定一个自定义的错误页面。当 JSP 页面处理过程中发生异常时，会自动跳转到这个错误页面。通过在 JSP 页面中使用 errorpage 指令，我们可以自定义错误页面展示给用户，提高用户体验。 iserrorpage 指令用于在错误页面中标识其为错误页面。在错误页面中，我们可能会使用内置对象，如 exception、request、response 等来获取错误信息或进行其他处理。使用 iserrorpage 指令可以告诉 JSP 引擎，这个页面是错误页面，可以在其中使用异常处理机制和相关的内置对象。 两者的区别在于功能和用途上的不同： - errorpage 用于指定错误处理页面，当发生错误时跳转到指定的页面。 - iserrorpage 用于在错误页面中标识其为错误页面，以便使用相关的异常处理机制和内置对象。 总结起来，errorpage 是指定错误页面的指令，而 iserrorpage 是标识错误页面的指令，用于在错误页面中进行异常处理和使用相关内置对象。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值