Vite 设置 build 之后项目的相对路径，而不是绝对路径 base

Vite 设置 build 之后项目的相对路径，而不是绝对路径 base

比如你的项目只是你网站中的一个分支，而不是主目录

比如你的这个 vite 项目叫 demo
而你放到服务器上的路径是这样的 /test/demo 而不是 /

此时你就需要设置一下，让打包后的程序在相对路径中运行。

vite.config.ts

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

// https://vitejs.dev/config/
export default defineConfig({
  base: './',   // 添加这一行即可
  plugins: [vue()],
})
1
2
3
4
5
6
7
8