溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章給大家分享的是有關Vue-cli assets SubDirectory及PublicPath存在著哪些區別的內容。小編覺得挺實用的，因此分享給大家做個參考。一起跟隨小編過來看看吧。
近期在參與用vue+ springBoot前后端不分離項目，遇到了前端打包后dist文件放到后臺無法運行報404錯誤，static下的資源都訪問不了問題。
問題1：我們知道前后端不分離項目，一些靜態圖片、頁面直接放在resource/static下，由于前后臺分開開發，前端進行了跨域處理，dist文件放到后臺就相當于本地靜態資源，所以不需要跨域處理，可以將引入跨域的路徑baseURL置空
const service = axios.create({
//baseURL: '/appstore',
baseURL: '',
responseType: 'json',
timeout: 5000 // request timeout
})問題2：就是assetsPublicPath的問題，先去分析下assetsPublicPath和assetsSubDirectory 。
找到config/index.js文件下的build配置改為 assetsPublicPath: '/dist/'
build: {
index: path.resolve(__dirname, '../dist/index.html'),
// Paths
assetsRoot: path.resolve(__dirname, '../dist'),
assetsSubDirectory: 'static',
// assetsPublicPath: '/', assetsPublicPath: '/dist/',
}這樣配置下就ok了
后臺訪問時要加上assetsPublicPath地址dist，即http://localhost:8080/dist/index.html#
感謝各位的閱讀！關于Vue-cli assets SubDirectory及PublicPath存在著哪些區別就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
