create-jnrs-template-vue 1.2.8 → 1.2.9

package/README.md

@@ -27,29 +27,30 @@ pnpm add create-jnrs-template-vue
 ## 📂 模板项目主要结构
 ```Text
 jnrs-template-vue/
-├── dist/                 # 打包构建产物
-├── node_modules/         # 项目依赖
-├── viteMockServe/        # Mock 服务配置（用于开发环境模拟 API）
+├── viteMockServe/        # Mock 服务配置
 ├── public/               # 静态资源
 ├── src/                  # 源码目录
 │   ├── components/       # Vue 组件
 │   ├── composables/      # 组合式函数
+│   ├── layout/           # 布局
 │   ├── views/            # 页面视图
 │   ├── router/           # 路由配置
+│   ├── api/              # 接口定义（已含 request 实例）
+│   ├── types/            # 类型定义
 │   ├── store/            # 状态管理
 │   ├── utils/            # 工具函数
+│   ├── locales/          # 国际化
 │   └── main.ts           # 应用入口
 ├── index.html            # HTML 入口文件
 ├── eslint.config.js      # ESLint 配置文件
-├── package.json          # 项目配置（依赖、脚本等）
+├── package.json          # 包管理配置
 └── vite.config.ts        # Vite 构建配置
 ├── tsconfig.json         # TypeScript 配置
 ├── auto-imports.d.ts     # 自动导入类型声明
 ├── components.d.ts       # 全局组件类型声明
 ├── README.md             # 项目文档
-├── .env.example          # 环境变量模板（供参考）
-├── .env.development      # 开发环境变量（全局）
-├── .env.production       # 生产环境变量（全局）
+├── .env.development      # 开发环境变量
+├── .env.production       # 生产环境变量
 ├── .gitignore            # Git 忽略规则
 ├── .prettierrc.json      # Prettier 格式化配置
 ```

package/jnrs-template-vue/README.md

@@ -24,7 +24,7 @@ jnrs-template-vue/
 │   ├── layout/           # 布局
 │   ├── views/            # 页面视图
 │   ├── router/           # 路由配置
-│   ├── api/              # 接口定义
+│   ├── api/              # 接口定义（已含 request 实例）
 │   ├── types/            # 类型定义
 │   ├── store/            # 状态管理
 │   ├── utils/            # 工具函数

package/jnrs-template-vue/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jnrs-template-vue",
-  "version": "1.2.8",
+  "version": "1.2.9",
   "description": "JNRS 信息化管理系统",
   "author": "talia_tan",
   "private": true,
@@ -19,9 +19,9 @@
   },
   "dependencies": {
     "@element-plus/icons-vue": "^2.3.2",
-    "@jnrs/shared": "1.1.12",
+    "@jnrs/shared": "1.1.13",
     "@jnrs/vue-core": "1.2.9",
-    "@jnrs/lingshu-smart": "2.2.3",
+    "@jnrs/lingshu-smart": "*",
     "@vueuse/core": "^14.1.0",
     "element-plus": "^2.13.3",
     "pinia": "^3.0.4",

package/jnrs-template-vue/src/api/common/index.ts

@@ -1,4 +1,4 @@
-import { axiosRequest } from '@jnrs/vue-core/request'
+import { axiosRequest } from '../request'
 
 /**
  * axios 方式下载文件

package/jnrs-template-vue/src/api/demos/index.ts

@@ -1,5 +1,5 @@
 import type { Pagination, PageTableData, FileContainer } from '@/types'
-import { axiosRequest } from '@jnrs/vue-core/request'
+import { axiosRequest } from '../request'
 import { extractFieldId } from '@/utils/file'
 import { objectToFormData } from '@/utils/packages'
 
@@ -63,6 +63,17 @@ export const NotFoundApi = () => {
   })
 }
 
+/**
+ * 测试 不需要权限
+ */
+export const NoNeedAuthApi = () => {
+  return axiosRequest({
+    url: '/mock/auth/no',
+    method: 'post',
+    noAuth: true
+  })
+}
+
 /**
  * 测试 无权限
  * @param showErrorMsg 是否显示错误信息

package/jnrs-template-vue/src/api/request.ts

@@ -0,0 +1,53 @@
+/**
+ * @Author : TanRui
+ * @WeChat : Tan578853789
+ * @File   : request.ts
+ * @Date   : 2025/11/10
+ * @Desc.  : axios 网络请求实例
+ */
+
+import type { BusinessRequest, BusinessResponse } from '@jnrs/shared/request'
+import { createAxiosInstance } from '@jnrs/shared/request'
+import { useMockStore, useAuthStore } from '@jnrs/vue-core/pinia'
+import { handleRouter } from '@jnrs/vue-core/router'
+import { ElMessage } from 'element-plus'
+
+const axiosInstance = createAxiosInstance({
+  // options: {
+  //   noAuth: true // 全局设置为不需要权限
+  // },
+  handleMessageFn: ElMessage,
+  handleGetTokenFn: () => {
+    const { token } = useAuthStore()
+    return token
+  },
+  handleNoAuthFn: () => {
+    handleRouter({ name: 'Login' })
+  }
+})
+
+/**
+ * axios 请求方法（泛型拓展）
+ * @param options 请求配置项
+ * @returns Promise<T> 响应数据
+ */
+const axiosRequest = <T = BusinessResponse>(options: BusinessRequest): Promise<T> => {
+  if (!axiosInstance) {
+    throw new Error('请先调用 createRequest 初始化 axios 实例')
+  }
+
+  // 如果是模拟请求，则将请求地址改为模拟地址
+  const { isMock } = useMockStore()
+
+  if (isMock) {
+    options.url = options.mockUrl
+      ? options.mockUrl
+      : options.url.startsWith('/mock')
+        ? options.url
+        : '/mock' + options.url
+  }
+
+  return axiosInstance(options)
+}
+
+export { axiosRequest }

package/jnrs-template-vue/src/api/system/index.ts

@@ -1,6 +1,6 @@
 import type { Dict, DictItem, User, Role } from '@jnrs/shared'
 import type { MenuItem } from '@jnrs/vue-core'
-import { axiosRequest } from '@jnrs/vue-core/request'
+import { axiosRequest } from '../request'
 import { objectToFormData } from '@/utils/packages'
 
 // 菜单
@@ -8,7 +8,8 @@ export const MenuApi = (): Promise<MenuItem[]> => {
   return axiosRequest({
     url: '/system/menu.json', // /public 文件夹下
     mockUrl: '/mock/menu',
-    method: 'get'
+    method: 'get',
+    noAuth: true // 本地数据忽略 token 验证
   })
 }
 

package/jnrs-template-vue/src/api/user/index.ts

@@ -1,4 +1,4 @@
-import { axiosRequest } from '@jnrs/vue-core/request'
+import { axiosRequest } from '../request'
 
 // 获取用户信息
 export const UserApi = (id: string) => {

package/jnrs-template-vue/src/router/routes.ts

@@ -10,19 +10,6 @@ export const LAYOUT_NAME = 'Layout'
 export const GLOBAL_COMPONENT = import('@/layout/BlankLayout.vue')
 
 export const routes = [
-  // {
-  //   path: '/login',
-  //   component: () => import('@/layout/BlankLayout.vue'),
-  //   meta: { title: '登录' },
-  //   children: [
-  //     {
-  //       path: '',
-  //       name: 'Login',
-  //       meta: { title: '登录', noAuth: true },
-  //       component: () => import('@/views/login/index.vue')
-  //     }
-  //   ]
-  // },
   {
     name: '403',
     path: '/403',

package/jnrs-template-vue/src/views/demos/unitTest/RequestPage.vue

@@ -94,9 +94,9 @@ const handleFileView = async () => {
   <p>网络请求测试</p>
   <el-button-group>
     <el-button type="success" size="small" @click="handleInfoApi">获取用户数据</el-button>
-    <el-button type="primary" size="small" @click="handleNotFoundApi">404</el-button>
-    <el-button type="primary" size="small" @click="handleNoAuth()">暂无权限</el-button>
-    <el-button type="primary" size="small" @click="handleNoAuth(false)">暂无权限(不显示 Message)</el-button>
+    <el-button type="primary" size="small" @click="handleNotFoundApi">接口返回404</el-button>
+    <el-button type="primary" size="small" @click="handleNoAuth()">接口返回暂无权限</el-button>
+    <el-button type="primary" size="small" @click="handleNoAuth(false)">接口返回暂无权限(不显示 Message)</el-button>
   </el-button-group>
   <el-input v-model="loginParams.account" size="small" style="width: 200px">
     <template #append>

package/jnrs-template-vue/src/views/login/index.vue

@@ -40,14 +40,15 @@ const submitForm = async () => {
   ruleFormRef.value.validate(async (valid) => {
     if (!valid) return
     loading.value = true
+
     try {
       const loginRes = await LoginApi(ruleForm.value)
       const { token, dict, ...restParameter } = loginRes
       const loginDateTime = formatDateTime() + ' ' + formatWeekday()
 
+      // 登录成功后，获取角色列表，将登录人角色对应的权限叠加给当前登录人（一次性获取叠加）
       let permissionsMerger = restParameter.permissions
       try {
-        // 获取角色列表，将登录人角色对应的权限叠加给当前登录人（一次性获取叠加）
         const roleRes = await RoleApi()
         if (Array.isArray(restParameter.permissions)) {
           permissionsMerger = [
@@ -62,6 +63,7 @@ const submitForm = async () => {
         console.log(e)
       }
 
+      // 保存用户信息到全局状态
       setUserInfo({
         ...restParameter,
         permissions: permissionsMerger,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-jnrs-template-vue",
-  "version": "1.2.8",
+  "version": "1.2.9",
   "description": "巨能前端工程化开发，Vue 项目模板脚手架",
   "keywords": [
     "vue",