Vite は、ビルド後に絶対パス ベースではなくプロジェクトの相対パスを設定します。
たとえば、プロジェクトは Web サイトの単なるブランチであり、メイン ディレクトリではありません。
たとえば、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()],
})