module.exports = {
    publicPath: './', // 根域上下文目錄
    outputDir: 'dist', // 構(gòu)建輸出目錄，可不寫
    assetsDir: 'assets', // 靜態(tài)資源目錄 (js, css, img, fonts)，可不寫
};

就可以了，里面的路徑原理和場(chǎng)景1一樣，可自行按照實(shí)際項(xiàng)目需求修改

在這里插入圖片描述

目錄結(jié)構(gòu)沒有config文件夾

問(wèn)題：

在頁(yè)面完成后，打包上線頁(yè)面出現(xiàn)白屏問(wèn)題。百度到的，解決辦法是，改變config文件夾下，index.js中，build下的 assetsPublicPath："/" => assetsPublicPath："./"。隨后發(fā)現(xiàn)創(chuàng)建的是vue3的項(xiàng)目沒有config文件夾。

解決方案

在項(xiàng)目根目錄，創(chuàng)建 vue.config.js 文件，文件內(nèi)容如下：

module.exports={
    publicPath:"./"
}

在這里插入圖片描述

解決！以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

詳解Vue返回值動(dòng)態(tài)生成表單及提交數(shù)據(jù)的辦法
這篇文章主要為大家介紹了Vue返回值動(dòng)態(tài)生成表單及提交數(shù)據(jù)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助
2021-12-12
vue中使用localstorage來(lái)存儲(chǔ)頁(yè)面信息
這篇文章主要介紹了vue中使用localstorage來(lái)存儲(chǔ)頁(yè)面信息,小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-11-11
Vue3中emits與attrs的區(qū)別分析
這篇文章主要給大家介紹了關(guān)于Vue3中emits與attrs區(qū)別的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用vue具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2021-10-10
Vue使用Axios庫(kù)請(qǐng)求數(shù)據(jù)時(shí)跨域問(wèn)題的解決方法詳解
在 VUE 項(xiàng)目開發(fā)時(shí),遇到個(gè)問(wèn)題,正常設(shè)置使用 Axios 庫(kù)請(qǐng)求數(shù)據(jù)時(shí),報(bào)錯(cuò)提示跨域問(wèn)題,那在生產(chǎn)壞境下,該去怎么解決呢？下面小編就來(lái)和大家詳細(xì)講講
2024-01-01
Vue在css中圖片路徑問(wèn)題解決的配置方法
這篇文章主要為大家介紹了Vue在css中圖片路徑問(wèn)題解決，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-06-06
Vue SPA單頁(yè)面的應(yīng)用和對(duì)比
單頁(yè)面是指整個(gè)應(yīng)用程序只有一個(gè)唯一完整的 HTML 頁(yè)面，而其它所謂的頁(yè)面，其實(shí)都是組件片段而已，切換頁(yè)面也只是切換一個(gè) HTML 中顯示不同的組件片段。在今后所有的開發(fā)項(xiàng)目都是單頁(yè)面應(yīng)用
2022-08-08
vue項(xiàng)目初始化到登錄login頁(yè)面的示例
今天小編就為大家分享一篇vue項(xiàng)目初始化到登錄login頁(yè)面的示例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2019-10-10
一文詳解vue各種權(quán)限控制與管理實(shí)現(xiàn)思路
這篇文章主要為大家介紹了vue各種權(quán)限控制與管理的實(shí)現(xiàn)思路詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-03-03
vue-cli構(gòu)建的項(xiàng)目如何手動(dòng)添加eslint配置
這篇文章主要介紹了vue-cli構(gòu)建的項(xiàng)目如何手動(dòng)添加eslint配置，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2022-04-04
淺析Vue中渲染函數(shù)的使用
在Vue中,渲染函數(shù)是一種用于動(dòng)態(tài)生成組件的函數(shù),可以將組件的模板代碼編寫為JavaScript代碼,并在運(yùn)行時(shí)進(jìn)行渲染,下面我們就來(lái)看看它的具體用法吧
2023-08-08