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

就可以了，里面的路徑原理和場景1一樣，可自行按照實際項目需求修改

在這里插入圖片描述

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

問題：

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

解決方案

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

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

在這里插入圖片描述

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

您可能感興趣的文章:

相關(guān)文章

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