router

最新推荐文章于 2024-07-25 21:13:00 发布

ChaliceJoker

最新推荐文章于 2024-07-25 21:13:00 发布

阅读量61

点赞数

文章标签：前端 javascript vue.js

本文链接：https://blog.csdn.net/qq_53018334/article/details/131908101

版权

import { createRouter, createWebHistory } from 'vue-router'
import Login from '../views/Login.vue'
import Index from '../views/Index.vue'

const routes = [
  {
    path: '/',
    name: 'Login',
    component: Login
  },
  {
    path: '/index',
    name: 'Index',
    component: Index,
    children: [
      {
        path: '/homePage',
        name: 'HomePage',
        component: () => import("@/views/ToolList_views/HomePage.vue")
      },
      { // 管理员列表
        path: '/adminList',
        name: 'AdminList',
        component: () => import("@/views/ToolList_views/Admin/AdminList.vue")
      },
      { // 角色管理
        path: '/roleAdm',
        name: 'RoleAdm',
        component: () => import("@/views/ToolList_views/Admin/RoleAdm.vue")
      },
      { // 店铺设置
        path: '/storeSet',
        name: 'StoreSet',
        component: () => import("@/views/ToolList_views/StoreAdm/StoreSet.vue")
      },
      { // 地址管理
        path: '/addressAdm',
        name: 'AddressAdm',
        component: () => import("@/views/ToolList_views/StoreAdm/AddressAdm.vue")
      },
      { // 页面设计
        path: '/pageDesign',
        name: 'PageDesign',
        component: () => import("@/views/ToolList_views/StoreAdm/PageDesign.vue")
      },
      { // 页面分类
        path: '/classTemplate',
        name: 'ClassTemplate',
        component: () => import("@/views/ToolList_views/StoreAdm/ClassTemplate.vue")
      },
      { // 商品列表
        path: '/productList',
        name: 'ProductList',
        component: () => import("@/views/ToolList_views/ProductAdm/ProductList.vue")
      },
      { // 商品创建
        path: '/productCreate',
        name: 'ProductCreate',
        component: () => import("@/views/ToolList_views/ProductAdm/ProductCreate.vue")
      },
      { // 商品分类
        path: '/productClass',
        name: 'ProductClass',
        component: () => import("@/views/ToolList_views/ProductAdm/ProductClass.vue")
      },
      { // 服务承诺
        path: '/servicePromise',
        name: 'ServicePromise',
        component: () => import("@/views/ToolList_views/ProductAdm/ServicePromise.vue")
      },
      { // 商品评价
        path: '/productEvaluate',
        name: 'ProductEvaluate',
        component: () => import("@/views/ToolList_views/ProductAdm/ProductEvaluate.vue")
      },
      { // 全部订单
        path: '/allOrders',
        name: 'AllOrders',
        component: () => import("@/views/ToolList_views/OrderAdm/AllOrders.vue")
      },
      { // 代发货
        path: '/replaceSetOutGood',
        name: 'ReplaceSetOutGood',
        component: () => import("@/views/ToolList_views/OrderAdm/ReplaceSetOutGood.vue")
      },
      { // 待收货
        path: '/waitReceipt',
        name: 'WaitReceipt',
        component: () => import("@/views/ToolList_views/OrderAdm/WaitReceipt.vue")
      },
      { // 待付款
        path: '/waitPayment',
        name: 'WaitPayment',
        component: () => import("@/views/ToolList_views/OrderAdm/WaitPayment.vue")
      },
      { // 已完成
        path: '/completed',
        name: 'Completed',
        component: () => import("@/views/ToolList_views/OrderAdm/Completed.vue")
      },
      { // 已取消
        path: '/canceled',
        name: 'Canceled',
        component: () => import("@/views/ToolList_views/OrderAdm/Canceled.vue")
      },
      { // 售后管理
        path: '/afterAdm',
        name: 'AfterAdm',
        component: () => import("@/views/ToolList_views/OrderAdm/AfterAdm.vue")
      },
      { // 订单导出
        path: '/orderExport',
        name: 'OrderExport',
        component: () => import("@/views/ToolList_views/OrderAdm/OrderExport.vue")
      },
      {
        path: '/memberAdm',
        name: 'MemberAdm',
        component: () => import("@/views/ToolList_views/MemberAdm.vue")
      },
      {
        path: '/contentAdm',
        name: 'ContentAdm',
        component: () => import("@/views/ToolList_views/ContentAdm.vue")
      },
      {
        path: '/marketingAdm',
        name: 'MarketingAdm',
        component: () => import("@/views/ToolList_views/MarketingAdm.vue")
      },
      {
        path: '/dataAdm',
        name: 'DataAdm',
        component: () => import("@/views/ToolList_views/DataAdm.vue")
      },
      {
        path: '/client',
        name: 'Client',
        component: () => import("@/views/ToolList_views/Client.vue")
      },
 
    ]
  },
]

const router = createRouter({
  history: createWebHistory(process.env.BASE_URL),
  routes
})

export default router