vite+vue3打包后的文本如何直接双击html打开?

461 阅读1分钟

1.webp

配置一览

  1. 配置路由为hash模式
import { createRouter, createWebHashHistory } from "vue-router";
const router = createRouter({
  history: createWebHashHistory(),
  routes: constantRoutes,
})
  1. 修改vite.config.js文件, base 改成 相对路径; 采用 legacy 来打包成兼容低版本浏览器模式
import legacy from "@vitejs/plugin-legacy";
export default defineConfig({
  base: "./",
  plugins: [legacy({ targets: ["defaults", "not IE 11"] }), vue()],
})

demo地址

demo源码直接放在gitee里面,轻松访问,哈哈 vite-vue3-local