账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    VUE项目未部署前可以路由跳转访问各个组件,部署到SpringBoot后出现Whitelabel Error Page错误?
    39
    0

    问题大概能定位到是SpringBoot把页面跳转的url当成请求去执行导致的Whitelabel Error Page错误。
    在vue未部署时可以根据url去路由跳转达到切换不同的component。部署到SpringBoot后只有"/"可以访问。其余的都无法访问。在线坐等求助

    //router.js
    import Vue from 'vue'
    import Router from 'vue-router'
    import OOTmnlCollRateAnaly from '../components/appList/objectOrientedTmnlCollRateAnaly'
    import speLineCollDeAll from '../components/appList/speLineCollDeAll'
    import speLineCollDeEach from '../components/appList/speLineCollDeEach'
    Vue.use(Router)
    
    export default new Router({
      routes: [
        {
          path: '/',
          name: 'mainPage',
          component: OOTmnlCollRateAnaly,
        },
        {
          path: '/tmnlCollAnaly',
          name: 'tmnlCollAnaly',
          component: OOTmnlCollRateAnaly
        },
        {
          path: '/speLineCollDeAll',
          name: 'speLineCollDeAll',
          component: speLineCollDeAll
        },
        {
          path: '/speLineCollDeEach',
          name: 'speLineCollDeEach',
          component: speLineCollDeEach
        }
      ],
      mode:'history' //去掉路径的'#'
    })
    //main.js 程序入口文件,是初始化vue实例并使用需要的插件,加载各种公共组件.
    import Vue from 'vue' //引入模块vue
    import VueRouter from 'vue-router'
    import router from './router/router' //引入route文件
    import ElementUI from 'element-ui'//引入模块element
    import 'element-ui/lib/theme-chalk/index.css' //这里引入饿了么的UI框架
    import componentsContainer from './components/componentsContainer.vue'
    
    import vue_header_public from './components/header/header.vue'
    
    Vue.config.productionTip = false  //对引入的vue模块进行设置
    
    Vue.use(VueRouter)
    Vue.use(ElementUI)
    
    new Vue({
      el: '#vue_header_public',
      components: { vue_header_public },
      template: '<vue_header_public/>'
    })
    
    new Vue({
      router,
      el:'#componentsContainer',
      render:h =>h(componentsContainer)
    })
    //页面中跳转的方法
        methods: {
          openPageOOBTmnlAnalysis: function ()
          {
            window.location.href="tmnlCollAnaly";
          },
    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 10 元积分
        全部回答
    • 0
    • 奔4000米舔包 普通会员 1楼

      Whitelabel Error Page(WPLP)是Vue.js中的一种错误页面显示机制,主要用于提供用户友好的错误信息,而不是显示完整的页面。在Vue.js中,如果未部署前可以路由跳转访问各个组件,部署到SpringBoot后出现WPLP错误,可能有以下几个原因:

      1. WPLP错误与Vue.js路由相关:在Vue.js中,WPLP错误可能与你的路由配置有关。例如,你可能在Vue.js中配置了一个错误路由,但SpringBoot并没有正确处理这个路由。如果SpringBoot没有正确处理这个路由,那么在部署到生产环境后,WPLP错误就会出现。

      2. SpringBoot的错误处理机制:SpringBoot通常使用try-catch-finally块来处理错误,但是如果你的错误处理代码没有正确处理WPLP错误,那么WPLP错误就会被隐藏起来,不会被SpringBoot发现。

      3. Vue.js的错误处理机制:Vue.js也使用try-catch-finally块来处理错误,但是如果你的错误处理代码没有正确处理WPLP错误,那么WPLP错误就会被隐藏起来,不会被Vue.js发现。

      解决这个问题的方法有以下几种:

      1. 检查你的Vue.js路由配置:确保SpringBoot正确处理了你的路由,如果没有正确处理,那么WPLP错误就会出现。

      2. 检查你的错误处理代码:确保你的错误处理代码没有正确处理WPLP错误,如果有,那么WPLP错误就会被隐藏起来,不会被SpringBoot发现。

      3. 如果你的项目使用了Vue.js的组件,那么你需要检查你的组件是否正确处理了错误。例如,如果你的组件在渲染过程中抛出了一个WPLP错误,那么你需要检查你的组件是否正确处理了这个错误。

      4. 如果你的项目使用了SpringBoot,那么你需要检查你的SpringBoot是否正确处理了错误。例如,如果你的SpringBoot在处理错误时没有正确处理WPLP错误,那么WPLP错误就会被隐藏起来,不会被SpringBoot发现。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部