Nestjs Admin

Appearance

快速开始 ​

目录结构 ​

├── public                     # 静态资源
│   │── static                 # 用于绝对路径的非打包资源，公用基础css等
│   │── favicon.ico            # favicon图标
├── src                        # 源代码
│   ├── assets                 # 主题 字体 svg icons 等静态资源
│   ├── components             # 全局公用组件
│   ├── directive              # 全局指令
│   ├── layout                 # 全局基础布局结构组件
│   ├── router                 # 路由 权限管理等
│   ├── stores                 # 全局 pinia store管理
│   ├── styles                 # 全局样式
│   ├── utils                  # 全局公用方法
│   ├── views                  # 业务功能所有页面
│   ├── App.vue                # 入口页面
│   ├── config.js              # 全局配置文件
│   ├── main.js                # 入口文件 加载组件 初始化等
├── babel.config.js            # babel-loader 配置
├── sys.config.js              # 环境变量配置
├── index.html                 # html模板
├── jsconfig.json              # jsconfig 配置 快捷路径等
├── package.json               # package.json
├── vite.config.js             # vite 配置

系统配置 ​

js
import { useDark } from '@vueuse/core'

// 环境变量
const envs = {
  development: {
    DOMAIN: 'http://localhost:3000', // 站点域名，会根据此处域名判断应用环境
    BASE_URL: '/', // 页面路由基础路径 /*/*/，eg：/a/，不支持 ’./‘形式的路径
    BASE_API: 'http://localhost:3000/api', // 接口基础路径
  },
  production: {
    DOMAIN: 'https://nestts.com',
    BASE_URL: '/',
    BASE_API: 'https://nestts.com/api',
  },
  test: {
    DOMAIN: 'https://47.98.205.145',
    BASE_URL: '/',
    BASE_API: 'https://47.98.205.145/api',
  },
}

const packMode = globalThis.MODE || import.meta.env.MODE
const runMode =
  process.env.NODE_ENV == 'development' || !globalThis.document
    ? packMode // 本地开发和vite中使用
    : Object.keys(envs).find((e) => envs[e].DOMAIN === window?.location.origin) || 'diy' // 打包后，根据访问域名动态判断环境

const BASE_URL = envs[packMode].BASE_URL
const env = envs[runMode] || {}

useDark().value
// 配置项
export let config = {
  ...env,
  SYSTEM_NAME: 'Nestjs Admin', // 系统简称
  SYSTEM_SLOGAN: '基于 Nestjs + Vue3 的前后端分离快速开发框架', // 系统标语
  SYSTEM_NAME_ALL: 'Nestjs Admin -- 基于 Nestjs + Vue3 的前后端分离快速开发框架', // 系统全称，浏览器标题
  COPYRIGHT: 'Copyright © 2024 Nestjs Admin All Rights Reserved.', // 版权信息
  // LOGO_DARK: BASE_URL + 'static/logo.svg', // 深色logo
  // LOGO_LIGHT: BASE_URL + 'static/logo.svg', // 淡色logo
  LOGO: `${BASE_URL}static/logo.svg`,
  BASE_URL,
  RUN_ENV: runMode,
}

启动运行 ​

sh
# 克隆项目
git clone https://gitee.com/nestts/nestjs-admin-vue.git

# 进入项目目录
cd nestjs-admin-vue

# 安装依赖
npm i --registry=https://registry.npmmirror.com

# 启动开发服务
npm run dev
# 前端访问地址
http://localhost:1024
# 启动测试服务 npm run test (后端接口为测试环境接口)

# 构建生产环境
npm run build
# 构建测试环境 npm run build:test