# vue3+vite+ts初始化

**Repository Path**: ZuiMengShiHua/vue3-vite-ts-initialization

## Basic Information

- **Project Name**: vue3+vite+ts初始化
- **Description**: vue3+vite+ts初始化项目，含vue-router，不全的路由守卫，pinia等
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: develop
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-04-03
- **Last Updated**: 2025-04-03

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 安装了
使用 @vitejs/plugin-legacy 插件
1.安装插件：

npm install @vitejs/plugin-legacy

2.配置 vite.config.js：

在配置文件中添加 base 配置项，并引入 @vitejs/plugin-legacy 插件：
import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import legacy from '@vitejs/plugin-legacy';

export default defineConfig({
  base: './', // 确保打包后的资源路径是相对路径
  plugins: [
    vue(),
    legacy({
      targets: ['defaults', 'not IE 11'],
      additionalLegacyPolyfills: ['regenerator-runtime/runtime']
    })
  ]
});
这样可以确保打包后的代码兼容旧浏览器，并且可以使用 file:// 协议直接打开。

此设置不会影响打包后部署到服务器端

## 路由及相关参考i-view-Ctrl定制化
目前删除了路由守卫ts文件