feat: 新增 preview 模式，修改打包后路径指向

Makefile

@@ -6,6 +6,9 @@ dev:
 dist:
 	npm run build
 
+view:
+	npm run preview
+
 lint:
 	npm run lint
 
@@ -13,8 +16,10 @@ new:
 	npm run new
 
 
+	
 help:
 	@echo "    make dev [npm run dev] 开发模式"
 	@echo "    make dist [npm run build] 编译模式"
+	@echo "    make view [npm run preview] 预览打包文件"
 	@echo "    make new [npm run lint] 通过自动化流程创建代码"
 	@echo "    make lint [npm run new] 格式校验"

package.json

@@ -4,6 +4,7 @@
   "scripts": {
     "dev": "vite --host",
     "build": "vue-tsc --noEmit && vite build",
+    "preview": "vite preview",
     "new": "plop --plopfile ./plop/plopfile.js",
     "postinstall": "husky install"
   },

vite.config.ts

@@ -11,7 +11,7 @@ function pathResolve(dir: string) {
 }
 
 export default ({ mode }) => defineConfig({
-  base: process.env.NODE_ENV === 'production' ? './' : '/',
+  base: process.env.NODE_ENV === 'production' ? '/' : '/',
   // 路径重定向
   resolve: {
     alias: [