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

<code id="dugf3"><abbr id="dugf3"></abbr></code>

vue3打包后頁面空白解決方法

2年前作者：yijianace分類：Toy博客閱讀(27)違法舉報

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

問題

最近寫一個小項(xiàng)目
沒有打包的時候一切正常

技術(shù)棧用的vue3 + vite
我用的是npm創(chuàng)建的項(xiàng)目

npm init vue@latest

問題一：打包后頁面空白，什么都沒有
vue3打包后頁面空白解決方法,前端,VUE,vue.js,vue,前端
問題二：刷新頁面后找不到資源
把url的index.html去掉后可以正常顯示但是刷新后又會出現(xiàn)新的問題
問題如下

解決方法

第一步
先在vite.config.js中添加一行代碼

base:'/'

vue3打包后頁面空白解決方法,前端,VUE,vue.js,vue,前端

第二步
在router/index.js中把createWebHistory 換成createWebHashHistory
這里默認(rèn)是createWebHistory
vue3打包后頁面空白解決方法,前端,VUE,vue.js,vue,前端
到此問題解決，打包測試應(yīng)該沒啥問題了！
文章來源地址http://www.zghlxwxcb.cn/news/detail-792388.html

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

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

分享到：

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

Vue3 vite build 之后不顯示頁面內(nèi)容，只顯示空白，也沒有報錯如何解決
我的項(xiàng)目在 build 之后就插入到我的主網(wǎng)站的 /tools/image 路徑下使用的，并非主網(wǎng)站，所以需要配置兩個地方：添加 base，意思是 build 之后的外部資源都從當(dāng)前目錄的相對路徑獲取。比如 main.js 不是 /main.js 而是 ./main.js 我不知道是什么原理哈，反正是管用，之前在沒有使用
2024年02月13日
瀏覽(28)
vue3 vite 打包二級目錄刷新空白
控制臺報錯：Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of \\\"text/html\\\". Strict MIME type checking is enforced for module scripts per HTML spec. 打包路徑問題，修改vite.config.ts文件的base
2024年02月09日
瀏覽(27)
vue項(xiàng)目打包后顯示空白解決方案？
目錄前言一、頁面空白？二、圖片加載不出來？總結(jié) vue打包后會出現(xiàn)空白頁面，這說明配置的時候路徑有問題，接下來一起看看如何解決把。頁面空白說明打包路徑有問題，打開config/index.js，找到build下的assetsPublicPath，修改為\\\'./\\\'，如下：這里說一下，dev環(huán)境下?assetsPu
2024年02月16日
瀏覽(31)
vue打包完成后出現(xiàn)空白頁原因及解決
資源路徑不對路由模式：使用history，此模式上線后易出現(xiàn)404 1、vue.config.js中配置: 2、在后端要求做重定向如在nginx中使用rewrite做重定向
2024年02月04日
瀏覽(17)
Vue 打包 chunk-vendors.js 文件過大導(dǎo)致頁面加載緩慢解決方案
前言顧名思義， chunk-vendors.js 是捆綁所有不是自己的模塊，而是來自其他方的模塊的捆綁包，它們稱為第三方模塊或供應(yīng)商模塊。通常，它意味著（僅和）來自項(xiàng)目 /node_modules 目錄的所有模塊，會將所有 /node_modules 中的第三方包打包到 chunk-vendors.js 中。將所有的第三方包集
2024年02月16日
瀏覽(29)
前端刷新頁面的五種方法（含原生js、vue和react）
1、window.history.go(0)方法 2、location.reload()方法 3、location.href=location.href方法 4、vue-router方法 5、react-router方法
2024年02月16日
瀏覽(25)
react、Vue打包直接運(yùn)行index.html不空白方法
在根目錄下創(chuàng)建 vue.config.js 文件，寫入
2024年01月21日
瀏覽(27)
vue3+elment復(fù)雜詳情頁面打開后，再打開其他頁面都顯示空白，控制臺也沒什么特殊報錯
頁面使用了el-tabs 、 el-tab-pane、el-table 等標(biāo)簽但是經(jīng)測試不是這些問題導(dǎo)致的 js也使用了onMounted ，但是除掉也時空白頁面反正之前人寫的頁面可亂，尤其是js這塊，穿插引用import一大堆主題頁面樣式布局如下最后看到頁面代碼太亂，就動了下頁面布局代碼，js也歸類調(diào)整了
2024年04月14日
瀏覽(37)
Vite + Vue3 + Ts 解決打包生成的index.html頁面顯示空白、資源跨域、找不到資源、404-Page Not Found等錯誤；關(guān)于vite build后訪問報錯關(guān)于vite build后訪問報錯：Expected a JavaScript module script but the server responded with a MIME type of “
一.vite.config.ts配置：主要的就是base: env.VITE_MODE === \\\'production\\\' ? \\\'./\\\' : \\\'/\\\', 二. 打包后的結(jié)果如圖所示，文件路徑是 ./ 其實(shí) 去掉./ 也是可以的，但是打包后是 /favicon.ico 這種路徑是訪問不到的，參考第一部分三. 配置路由：路由改成?createWebHashHistory? ?四. vscode安裝Live Server? ?
2024年02月11日
瀏覽(23)
Vue路由模式（history模式刷新頁面空白解決方案）
vue路由的三種模式 Hash模式、 History模式、 abstract 模式 Vue3: Hash 模式是用 createWebHashHistory() 創(chuàng)建的： Vue2 它在內(nèi)部傳遞的實(shí)際 URL 之前使用了一個哈希字符（#）。由于這部分 URL 從未被發(fā)送到服務(wù)器，所以它不需要在服務(wù)器層面上進(jìn)行任何特殊處理。不過，它在 SEO 中確實(shí)有
2024年02月12日
瀏覽(34)