若依框架前端如何设置子路径

例如添加子路径/admin

1.

vue.config.js 文件里

publicPath: "/admin/",

outputDir: 'admin',

2.

src\layout\components\Navbar.vue 文件里

async logout() {

      this.$confirm('确定注销并退出系统吗?', '提示', {

        confirmButtonText: '确定',

        cancelButtonText: '取消',

        type: 'warning'

      }).then(() => {

        this.$store.dispatch('LogOut').then(() => {

          location.href = '/admin/index';

        })

      }).catch(() => {});

    }

3.

src\router\index.js   文件里

export default new Router({

  mode: 'history', // 去掉url中的#

  base: '/admin/',

  scrollBehavior: () => ({ y: 0 }),

  routes: constantRoutes

})

4.

src\utils\request.js 文件里

 if (code === 401) {

      if (!isRelogin.show) {

        isRelogin.show = true;

        MessageBox.confirm('登录状态已过期,您可以继续留在该页面,或者重新登录', '系统提示', {

          confirmButtonText: '重新登录',

          cancelButtonText: '取消',

          type: 'warning'

        }

      ).then(() => {

        isRelogin.show = false;

        store.dispatch('LogOut').then(() => {

          location.href = '/admin/index';

        })

      }).catch(() => {

        isRelogin.show = false;

      });

    }

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
若依框架是一款基于Spring Boot和Vue.js的前后端分离开发框架,它提供了一种简单、高效的方式来进行前端页面跳转。在若依框架中,前端页面跳转主要通过Vue Router来实现。 Vue Router是Vue.js官方的路由管理器,它可以帮助我们实现单页应用中的前端路由功能。在若依框架中,我们可以通过配置路由表来定义前端页面的跳转规则。 首先,在若依框架前端代码中,我们需要创建一个router.js文件来配置路由表。在该文件中,我们可以定义多个路由,每个路由对应一个前端页面。例如: ```javascript import Vue from 'vue' import Router from 'vue-router' Vue.use(Router) export default new Router({ routes: [ { path: '/', name: 'Home', component: () => import('@/views/Home.vue') }, { path: '/about', name: 'About', component: () => import('@/views/About.vue') }, // 其他路由... ] }) ``` 在上述代码中,我们定义了两个路由,一个是根路径'/'对应的Home页面,另一个是'/about'对应的About页面。每个路由都有一个对应的组件,通过import语句引入。 接下来,在若依框架前端页面中,我们可以使用<router-link>标签来实现页面跳转。例如: ```html <template> <div> <router-link to="/">Home</router-link> <router-link to="/about">About</router-link> </div> </template> ``` 在上述代码中,我们使用<router-link>标签来创建两个链接,分别对应Home和About页面。to属性指定了跳转的路径。 当用户点击这些链接时,Vue Router会根据路由表的配置自动进行页面跳转,加载对应的组件。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值