Vite Vue3 无服务预览

原创于 2024-08-23 17:54:07 发布 · 246 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#vue #typescript #前端 #前端框架

一、安装 plugin-legacy

pnpm i @vitejs/plugin-legacy -D

二、配置插件

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"],
		})
	]
});

三、调整路由

路由必须是 createWebHashHistory 模式

import { createRouter, createWebHashHistory } from 'vue-router';
import routes from './routes';

const router: Router = createRouter({
  history: createWebHashHistory(),
  routes: routes,
});