Merge branch 'master' of https://github.com/zouzhibin/vue-admin-perfect into vue-i18n

.env

@@ -0,0 +1,5 @@
+
+# port
+VITE_PORT = 8100
+
+

.env.development

@@ -1,2 +1,5 @@
 # 本地环境
 NODE_ENV = 'development'
+
+# 本地环境接口地址
+VITE_API_URL = '/api'

README.md

@@ -1,13 +1,8 @@
 # 简介
 vue-element-perfect 是一个后台前端解决方案, 基于Vue3.0+TS+Element-plus实现。它使用了最新的前端技术栈、动态路由，权限验证，并且有着丰富的组件。
 
-## 效果预览
-
 ### 在线预览点击 —— [企业级、通用型中后台前端解决方案 ](http://182.61.5.190:8889/)
 
-### 附上github地址点击跳转 [vue-admin-perfect](https://github.com/zouzhibin/vue-admin-perfect)
-
-
 ## 项目功能
 - 使用Vue3.0开发，单文件组件采用＜script setup＞
 - 登录逻辑，使用vue-router进行路由权限拦截，判断，路由懒加载
@@ -31,12 +26,13 @@ vue-element-perfect 是一个后台前端解决方案, 基于Vue3.0+TS+Element-p
 ```
 
 ## 分支管理
-- master 技术采用 vite + vue3.0 + Typescript + vuex + vue-router + Element-Plus scss
+- master 技术采用 vite + vue3.0 + Typescript + pinia
   ```
   注意：使用 Vite 构建工具，需要 Node.js 版本 >= 12.0.0  查看 Node.js 版本 node-v
   ```
+- vite-vuex vite + vue3.0 + Typescript + vuex
 - vue-i18n 语言切换版本
-- webpack 技术采用 webpack + vue3.0 + Typescript + vuex + vue-router + Element-Plus scss
+- webpack 技术采用 webpack + vue3.0 + Typescript + vuex
 - uniapp uniapp版本 uniapp +vuex +element scss
   ```
   # 本地开发 启动项目

package.json

@@ -5,8 +5,12 @@
   "type": "module",
   "scripts": {
     "dev": "vite",
+    "build:dev": "vite build --mode development",
+    "build:test": "vite build --mode test",
+    "build:prod": "vite build --mode production",
     "build": "vite build",
     "preview": "vite preview",
+    "build:ts": "vue-tsc --noEmit --skipLibCheck && vite build",
     "lint": "eslint . --ext .vue,.js,.ts,.jsx,.tsx --fix",
     "lint:prettier": "prettier --write  \"src/**/*.{js,json,tsx,css,less,scss,vue,html,md}\""
   },

src/api/index.ts

@@ -0,0 +1 @@
+

src/layout/TagsView/index.vue

@@ -16,7 +16,9 @@
             @click="routerGo(tag)"
           >
             <div class="tags-view-item">{{ tag.title }}</div>
-            <el-icon @click.prevent.stop="(e) => closeSelectedTag(e, tag)" class="tag-icon">
+            <el-icon
+                v-if="!isAffix(tag)"
+                @click.prevent.stop="(e) => closeSelectedTag(e, tag)" class="tag-icon">
               <circle-close-filled
             /></el-icon>
           </div>
@@ -169,11 +171,9 @@
   }
 
   // 关闭所有 去首页
-  const closeAllTab = ()=>{
-    if(route.fullPath!=='/home'){
-      TagsViewStore.delAllViews()
-    }
-    router.push('/')
+  const closeAllTab = async ()=>{
+    let visitedViews = await TagsViewStore.delAllViews()
+    toLastView(visitedViews,route)
   }
 
   const routerGo = (tag) => {

src/router/index.ts

@@ -31,6 +31,7 @@ import externalLink from './modules/externalLink'
  * meta ==> 路由元信息
  * meta.title ==> 路由标题
  * meta.icon ==> 菜单icon
+ * meta.affix ==> 如果设置为true将会出现在 标签栏中
  */
 
 export const constantRoutes: Array<RouteRecordRaw&extendRoute> = [

src/store/modules/tagsView.ts

@@ -47,10 +47,10 @@ export const useTagsViewStore = defineStore({
         delVisitedView(view){
             return new Promise(resolve => {
                 this.visitedViews = this.visitedViews.filter(v=>{
-                    return v.path !== view.path
+                    return (v.path !== view.path||v.meta.affix)
                 })
                 this.cachedViews = this.cachedViews.filter(v=>{
-                    return v.path !== view.path
+                    return (v.path !== view.path||v.meta.affix)
                 })
                 resolve([...this.visitedViews])
             })
@@ -69,8 +69,9 @@ export const useTagsViewStore = defineStore({
         },
         delAllViews(){
             return new Promise((resolve) => {
-                this.visitedViews = []
-                this.visitedViews = []
+                this.visitedViews = this.visitedViews.filter(v=>v.meta.affix)
+                console.log('===============',this.visitedViews)
+                this.cachedViews = this.visitedViews.filter(v=>v.meta.affix)
                 resolve([...this.visitedViews])
             })
         },

vite.config.ts

@@ -1,4 +1,5 @@
-import { defineConfig,ConfigEnv, UserConfig } from 'vite'
+import { defineConfig,ConfigEnv, UserConfig,loadEnv  } from 'vite'
+// vite.config.ts中无法使用import.meta.env 所以需要引入
 import vue from '@vitejs/plugin-vue'
 // import AutoImport from 'unplugin-auto-import/vite'
 // import Components from 'unplugin-vue-components/vite'
@@ -75,9 +76,9 @@ export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
     },
     // 生产环境打包配置
     //去除 console debugger
-    esbuild: {
-      pure:mode==='production' ? ["console.log", "debugger"] : []
-    },
+    // esbuild: {
+    //   pure:mode==='production' ? ["console.log", "debugger"] : []
+    // },
 
     // build: {
     //   terserOptions: {