vue3 了解Arco Design Vue

vite.config.base.ts 基础环境配置

vite.config.prod.ts 生产环境配置

api文件夹 请求接口url

import axios from 'axios';

// 订单列表和查询
export function orderList(params: any) {
    return axios.post('/logistics/pc/orderInfo/pageList', params);
}

路由与菜单

在【routes】文件夹 -> 【modules】文件夹 创建文件

import { DEFAULT_LAYOUT } from '../base';
import { AppRouteRecordRaw } from '../types';

const PRACTICE: AppRouteRecordRaw = {
  path: '/practice',
  name: 'practice',
  component: DEFAULT_LAYOUT,
  meta: {
    locale: 'menu.practice', // 一级菜单名(语言包键名)
    icon: 'icon-settings', // 菜单配置icon
    requiresAuth: true, // 是否需要登录鉴权
    order: 6, // 排序路由菜单项。如果设置该值,值越高,越靠前
    hideChildrenInMenu: true, // 强制在左侧菜单中显示单项
	// roles: ['admin'], // 配置能访问该页面的角色,如果不匹配,则会被禁止访问该路由页面
  },
  redirect: '/practice/index', // 重定向
  // 子级
  children: [
    {
      path: 'index',
      name: 'index',
      component: () => import('@/views/practice/index.vue'),
      meta: {
        locale: 'menu.practice', // 一级菜单名(语言包键名)
        requiresAuth: true, // 是否需要登录鉴权
      }
    }
  ]
}

export default PRACTICE;