我最近在 Vue 中完成了一個小專案，但是當我將它上傳到我的服務器時，我只看到一個空白螢屏。通過研究，我發現這可能是與資產路徑有關的問題，因為我在子目錄 ( https://digitalspaces.dev/portfolio/wil/ ) 中有它。在嘗試通過編輯 vite.config.js 檔案修復它一段時間后，我放棄并決定將它托管在一個子域（https://wil.digitalspaces.dev/）中，而不是它現在所在的位置。
問題是，index.html 現在認為資產檔案位于https://digitalspaces.dev/portfolio/wil/assets/，我想這是真的，但它們似乎并沒有從那里作業（也不應該他們是）。令人沮喪的是，當構建在https://digitalspaces.dev/assets/中時，資產目錄是https://digitalspaces.dev/assets/，所以無論我在哪里它都會損壞。
我的專案基于使用 vite 的 Vue.js 快速入門指南。
我的完整倉庫在 GitHub 上，這是 vite.config.js 檔案：
import { fileURLToPath, URL } from 'url'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vueJsx from '@vitejs/plugin-vue-jsx'
// https://vitejs.dev/config/
export default defineConfig({
plugins: [vue(), vueJsx()],
resolve: {
alias: {
'@': fileURLToPath(new URL('./src', import.meta.url))
}
}
})
感謝任何能夠提供幫助的人。
uj5u.com熱心網友回復：
您站點上的子目錄是/portfolio/wii/，因此您應該配置基本 URL以匹配：
// vite.config.js
import { defineConfig } from 'vite'
export default defineConfig({
?
base: '/portfolio/wii/'
})
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/444711.html
上一篇：未找到Nuxt注入