国产无码综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

<optgroup id="s7uiy"><dl id="s7uiy"></dl></optgroup>

<tr id="s7uiy"></tr>

^{<tr id="s7uiy"></tr>}

<object id="s7uiy"></object><small id="s7uiy"></small>

<tr id="s7uiy"></tr><small id="s7uiy"></small>

vue3 項目打包后白屏

2年前作者：Sunny分類：Toy博客閱讀(17)違法舉報

這篇具有很好參考價值的文章主要介紹了vue3 項目打包后白屏。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方，請大家不吝賜教，您也可以點擊"舉報違法"按鈕提交疑問。

根據(jù)Vue3.x文檔，在 vue.config.js/vite.config.ts 統(tǒng)一對webpack、跨域、端口號等屬性進行配置。
vue3 項目打包后白屏,vue3

1.在 vue.config.js/vite.config.ts添加publicPath屬性并將值更改成 ‘./’
在這里插入圖片描述 vue3 項目打包后白屏,vue3
2.若還沒有解決就去路由中將history模式設(shè)置成默認的Hash模式，

一般是服務(wù)器后端配置之后才使用history
一般建議默認的Hash模式

Vue2的路由與vue3的路由有些許不同，在Vue2中我們通過mode:'Hash’可以直接更改模式，而在Vue3中，我們通過更改history: createWebHashHistory(import.meta.env.BASE_URL)/history: createWebHistory(import.meta.env.BASE_URL),屬性調(diào)用的方法而更改模式

vue3 項目打包后白屏,vue3 文章來源地址http://www.zghlxwxcb.cn/news/detail-602892.html

到了這里，關(guān)于vue3 項目打包后白屏的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！

本文來自互聯(lián)網(wǎng)用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務(wù)，不擁有所有權(quán)，不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載，請注明出處：如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實不符，請點擊違法舉報進行投訴反饋，一經(jīng)查實，立即刪除！

分享到：

領(lǐng)支付寶紅包贊助服務(wù)器費用

vue3項目打包和上線
在vite.config.ts文件中添加esbuild:{drop:[\\\"console\\\",\\\"debugger\\\"]} 在package.json文件中scripts對象中 \\\"build\\\": \\\"run-p type-check build-only\\\"改為\\\"build\\\": \\\"run-p build-only\\\" （1）echarts首次渲染沒問題，第二次渲染卻成空白產(chǎn)生原因：echarts插件自帶的bug 解決方法（2）控制臺輸出404 產(chǎn)生原因：未找到圖標(biāo)文
2024年02月03日
瀏覽(25)
vue3 + vite 多項目多模塊打包
vue3 + vite 多項目多模塊打包本示例基于 vite-plugin-html 插件，實現(xiàn)多個獨立項目共存，共享組件和依賴，運行、打包互不干擾。兼容性注意 Vite 需要 Node.js 14.18+、16+版本，有些模板需要更高的版本雖然創(chuàng)建項目用的14.17.5版本，但是后面運行項目用的18.15.0 HTML模板插件打包一
2024年02月10日
瀏覽(114)
vue3項目打包后整合到springboot項目中運行
一般來說，前后端分離項目，比如vue3+springboot的前后端分離項目，一般把vue3項目打包后部署到nginx或者tomcat上面，springboot項目單獨打包。那如果想把vue3項目打包后直接部署到springboot項目中，如何做那？創(chuàng)建vue項目創(chuàng)建項目安裝依賴啟動開發(fā)服務(wù)器（項目目錄）如果要部
2024年02月05日
瀏覽(20)
vite vue3項目打包,跳過ts檢查
遇到這個問題是因為vue文件中script標(biāo)簽沒有寫lang造成的? 剩下的ts類型檢查錯誤 ?\\\"build\\\": \\\"vue-tsc --noEmit --skipLibCheck vite build\\\",是因為這個vue-tsc打包對ts進行了類型檢查，需要全部解決了才行，可以關(guān)閉，直接改成\\\"build\\\": \\\"vite build\\\",
2024年02月16日
瀏覽(96)
vue3項目打包部署到Tomcat（親測有效）
首先，要確保電腦上已經(jīng)安裝了jdk，還有Tomcat，而且都安裝正確。 jdk下載與安裝教程（win10） Tomcat 9.0 安裝及配置教程(win10系統(tǒng)) Vue項目在VScode里面可以通過npm run serve可以正常運行。下面是打包部署到tomcat的步驟： 1.在vue項目的vue.config.js文件里面module.exports導(dǎo)出的對象中添加
2024年02月13日
瀏覽(20)
vite vue3項目打包部署空白頁面問題的處理
?問題：vite vue3項目打包部署上線后，發(fā)現(xiàn)是空白頁面問題的處理解決方法：1.在我們vite.config.js文件中檢查是否有路徑的指向 ?????????????????? ?? ? ? ? ? ? ? ? ? 2.查看我們的路由模式，將路由模式修改為createWebHashHistory ????????????????? ????????
2024年02月11日
瀏覽(98)
用Nginx打包部署vue3項目及404和500解決
打包vue3 安裝Nginx 這里安裝步驟比較繁瑣，現(xiàn)在服務(wù)器比較便宜，如果想用Nginx，可以去菜鳥教程https://www.runoob.com/linux/nginx-install-setup.html 配置安裝一下找到安裝路徑下的 conf 文件夾下 nginx.conf 文件，用編輯器打開這個文件里邊的 4. 去cmd中檢查一下配置的文件，可以看到
2024年02月20日
瀏覽(29)
Vite打包Vue3項目，利用寶塔部署到服務(wù)器
按照如圖的配置，將vite.config.js的 base 改為? /dist/ 然后npm run build 就會得到左邊的這個dist文件夾，這就是打包好的文件創(chuàng)建項目以及項目配置我在服務(wù)器安裝的php是5.6版本的，其他版本可以自己試一下解決刷新404問題上傳成功之后，文件目錄結(jié)構(gòu)是這樣的（順序不一定要
2024年04月13日
瀏覽(172)
vue3 動態(tài)添加路由刷新后頁面丟失(白屏)問題
動態(tài)添加路由操作一般是用vuex或者Pinia封裝，在登錄頁面調(diào)用如果出現(xiàn)刷新頁面丟失有兩種可能： 1：vuex或者Pinia沒有做持久化處理 2：動態(tài)添加路由需要在main.ts里面也調(diào)用一次不需要路由守衛(wèi)即可實現(xiàn) 注意：必須要在頁面掛載前還有路由配置完成前調(diào)用添加，不然還是丟
2024年02月16日
瀏覽(30)
vite+vue3+ts搭建項目八（打包性能優(yōu)化三：使用CDN）
使用vite-plugin-cdn-import 下載npm包官方github：https://github.com/MMF-FE/vite-plugin-cdn-import 開發(fā)環(huán)境使用本地的npm包，cdn是打包時候才生效在vite.config.ts中通過importToCDN引入注意事項：網(wǎng)上很多教程，還需要在 build 的 rollupOptions 添加對應(yīng)的 external ，如上注釋所示，其實是不需要的，
2024年02月02日
瀏覽(97)