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

vue3 vite 打包 二級目錄刷新空白

這篇具有很好參考價值的文章主要介紹了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文章來源地址http://www.zghlxwxcb.cn/news/detail-702228.html

export default defineConfig({
  plugins: [vue()],
  base: '/',    // 改為 根目錄  /
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    }
  },
  css: {
    preprocessorOptions: {
      less: {
        additionalData: `@import "@/assets/css/index.less";`
      }
    }
  }
})

到了這里,關(guān)于vue3 vite 打包 二級目錄刷新空白的文章就介紹完了。如果您還想了解更多內(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ù)器費用

相關(guān)文章

  • vue3項目vite.config.js配置“代理”、“端口”、“打包名”、“圖片壓縮”

    前言 我們在搭建vue3項目的時候不可避免的會遇到“代理”、“端口”、“打包名”、“圖片壓縮”等配置問題,本文逐一講述該怎么樣在vite.config.js中去配置。 一、配置代理端口和代理轉(zhuǎn)發(fā) vite.config.ts添加如下代碼 ts.config.json添加如下代碼 圖片壓縮先要引入vite-plugin-imagem

    2024年02月07日
    瀏覽(18)
  • 使用Docker將Vite Vue項目部署到Nginx二級目錄

    使用Docker將Vite Vue項目部署到Nginx二級目錄

    使用Vite創(chuàng)建一個Vue項目,點我查看如何創(chuàng)建 配置打包路徑 在Nginx中如果是二級目錄,例如 /web 時,需要設(shè)置線上的打包路徑 在項目跟路徑下創(chuàng)建兩個文件: .env.production 、 .env.development ,寫入一下內(nèi)容: 在 vite.config.js 中配置 base 屬性,打開配置文件: 修改 package.json ,添加

    2024年02月03日
    瀏覽(21)
  • vue3 關(guān)于動態(tài)路由刷新出現(xiàn)空白頁最優(yōu)解

    原因:刷新頁面的時候動態(tài)路由會刷新掉,然后動態(tài)路由會重新加載, 而匹配路由會在加載路由之前 ,所以會導(dǎo)致空白頁 解決辦法:遞歸再調(diào)用beforEach,或者直接跳回首頁 在你加載路由的地方 遞歸調(diào)用:next({ …to, replace: true });(慎用,如果你的后臺管理table是帶標(biāo)簽會有

    2024年02月15日
    瀏覽(29)
  • vue3打包后頁面空白解決方法

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

    最近寫一個小項目 沒有打包的時候一切正常 技術(shù)棧用的vue3 + vite 我用的是npm創(chuàng)建的項目 問題一 :打包后頁面空白,什么都沒有 問題二:刷新頁面后找不到資源 把url的index.html去掉后可以正常顯示但是刷新后又會出現(xiàn)新的問題 問題如下 第一步 先在vite.config.js中添加一行代碼

    2024年01月16日
    瀏覽(27)
  • vue3在運行時路由可以正常跳轉(zhuǎn),但是頁面空白,刷新頁面恢復(fù)正常[已解決]

    vue3在運行時路由可以正常跳轉(zhuǎn),但是頁面空白,刷新頁面恢復(fù)正常,在網(wǎng)上尋找很久說是keepAlive的原因,后來看了看我的代碼~ 原來的代碼: 改后的代碼: 由此可見,根元素一定要由一個div去包裹??! template必須有且只能有一個div 在這樣才會正常顯示~ 原理: 這里我們要先

    2023年04月27日
    瀏覽(23)
  • Vue3 vite build 之后不顯示頁面內(nèi)容,只顯示空白,也沒有報錯如何解決

    我的項目在 build 之后就插入到我的主網(wǎng)站的 /tools/image 路徑下使用的,并非主網(wǎng)站,所以需要配置兩個地方: 添加 base,意思是 build 之后的外部資源都從當(dāng)前目錄的相對路徑獲取。 比如 main.js 不是 /main.js 而是 ./main.js 我不知道是什么原理哈,反正是管用,之前在沒有使用

    2024年02月13日
    瀏覽(25)
  • vue3 + vite 多項目多模塊打包

    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日
    瀏覽(111)
  • vite vue3項目打包,跳過ts檢查

    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日
    瀏覽(94)
  • vite打包vue3項目白屏報錯

    vite打包vue3項目白屏報錯

    資源路勁問題 修改:vite.config.ts 原因是需要服務(wù)器進行靜態(tài)資源訪問,否則會因為跨域而報錯 : Access to script at \\\'file:///F:/Progremes/Vue3/yanxuan_vue3_m_h5/dist/assets/index-49de958d.js\\\' from origin \\\'null\\\' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, isolated

    2024年02月16日
    瀏覽(26)
  • 【Vue3實踐】(六)Vue3使用vite處理環(huán)境變量、打包部署、nginx配置

    【Vue3實踐】(六)Vue3使用vite處理環(huán)境變量、打包部署、nginx配置

    由于在日常開發(fā)中會有一部分前端的開發(fā)任務(wù),會涉及到Vue的項目的搭建、迭代、構(gòu)建發(fā)布等操作,所以想系統(tǒng)的學(xué)習(xí)一下Vue相關(guān)的知識點,本專題會依照Vue的搭建、開發(fā)基礎(chǔ)實踐、進階用法、打包部署的順序進行記錄。 歷史文章鏈接如下: 《Vue3搭建、路由配置與基本語法

    2023年04月08日
    瀏覽(627)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包