index.ts 5.31 KB
import { createRouter, createWebHistory } from "vue-router";

let routes= [
    {
        path: '',
        name: 'index',
        //使用import可以路由懒加载,如果不使用,太多组件一起加载会造成白屏
        // @ts-ignore
        component: () => import('../layout/layout.vue'),
        children: [
            {
                path: '',
                name: 'index',
                // @ts-ignore
                component: () => import('../view/index.vue'),
                meta: { title: '首页', icon: '', noCache: true, affix: true }
            },
            {
                path: '/login',
                name: 'login',
                // @ts-ignore
                component: () => import('../view/login.vue'),
                meta: { title: '登录', icon: '' }
            },
            {
                path: '/sendCode',
                name: 'sendCode',
                // @ts-ignore
                component: () => import('../view/sendCode.vue'),
                meta: { title: '登录', icon: '' }
            },
            {
                path: '/product',
                name: 'product',
                //使用import可以路由懒加载,如果不使用,太多组件一起加载会造成白屏
                // @ts-ignore
                component: () => import('../view/product.vue'),
                meta: { title: '联合采购融资平台', icon: '' }
            },
            {
                path: '/productDetail/:id',
                name: 'productDetail',
                //使用import可以路由懒加载,如果不使用,太多组件一起加载会造成白屏
                // @ts-ignore
                component: () => import('../view/productDetail.vue'),
                meta: { title: '采购融资产品', icon: '' }
            },
            {
                path: '/baseInfo',
                name: 'baseInfo',
                //使用import可以路由懒加载,如果不使用,太多组件一起加载会造成白屏
                // @ts-ignore
                component: () => import('../view/companyAuth/baseInfo.vue'),
                meta: { title: '实名认证', icon: '' }
            },
            {
                path: '/authResult',
                name: 'authResult',
                //使用import可以路由懒加载,如果不使用,太多组件一起加载会造成白屏
                // @ts-ignore
                component: () => import('../view/companyAuth/authResult.vue'),
                meta: { title: '认证结果', icon: '' }
            },
            {
                path: '/mine',
                name: 'mine',
                //使用import可以路由懒加载,如果不使用,太多组件一起加载会造成白屏
                // @ts-ignore
                component: () => import('../view/mine/index.vue'),
                meta: { title: '我的', icon: '' }
            },
            {
                path: '/credit',
                name: 'credit',
                //使用import可以路由懒加载,如果不使用,太多组件一起加载会造成白屏
                // @ts-ignore
                component: () => import('../view/mine/credit.vue'),
                meta: { title: '我的授信 ', icon: '' }
            },
            {
                path: '/auth',
                name: 'auth',
                //使用import可以路由懒加载,如果不使用,太多组件一起加载会造成白屏
                // @ts-ignore
                component: () => import('../view/mine/auth.vue'),
                meta: { title: '实名认证 ', icon: '' }
            },
            {
                path: '/notice',
                name: 'notice',
                //使用import可以路由懒加载,如果不使用,太多组件一起加载会造成白屏
                // @ts-ignore
                component: () => import('../view/mine/notice.vue'),
                meta: { title: '我的消息 ', icon: '' }
            },
            {
                path: '/loanBill',
                name: 'loanBill',
                //使用import可以路由懒加载,如果不使用,太多组件一起加载会造成白屏
                // @ts-ignore
                component: () => import('../view/mine/loanBill.vue'),
                meta: { title: '借款账单 ', icon: '' }
            },
            {
                path: '/billDetail/:id',
                name: 'billDetail',
                //使用import可以路由懒加载,如果不使用,太多组件一起加载会造成白屏
                // @ts-ignore
                component: () => import('../view/mine/billDetail.vue'),
                meta: { title: '借款详情 ', icon: '' }
            },
            {
                //配置404页面
                path: '/:catchAll(.*)',
                name: '404',
                // @ts-ignore
                component: () => import('../view/404.vue'),
                meta: { title: '404', icon: '' }
            }
        ]
    },
    {
        path: '/test',
        name: 'test',
        //使用import可以路由懒加载,如果不使用,太多组件一起加载会造成白屏
        // @ts-ignore
        component: () => import('../view/test.vue')
    }
]
// 路由
// @ts-ignore
const router = createRouter({
    history: createWebHistory(),
    routes
})
// 导出
// @ts-ignore
export default router