問題:
我這里在打包Vue之后將
打包后的dist 上傳至服務器站點根目錄內子目錄 名為 "adminstore" ,
但是當我通過域名打開站點后發現 資源加載路徑內并沒有攜帶 子目錄 "adminstore" 文件名稱
錯誤:http://your website domain/js/app.5738021f.js?
正確:http://your website domain/adminstore/js/app.5738021f.js?
?
原因:在Vue項目中,如果打包后的文件放在了站點根目錄的子目錄下,而資源的尋找路徑卻是基于站點根目錄,可能會導致資源加載錯誤
解決方法:
在Vue項目的 "vue.config.js" 文件內 使用 “publicPath” 屬性告訴他 打包你的子目錄文件名
const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({publicPath: '/adminstore/'
})