相關(guān)文章

• 

  vue3配置代理--[vite] http proxy error

  跨域請求數(shù)據(jù), 瀏覽器 同源策略的保護(hù)機(jī)制, 通過 proxy 實(shí)現(xiàn)跨域請求數(shù)據(jù); 如果直接 postman 請求是不會報(bào)錯(cuò)的, vue3 報(bào)錯(cuò)是因?yàn)榻?jīng)過瀏覽器了, 數(shù)據(jù)其實(shí)返回了, 但是別瀏覽器的同源策略屏蔽了。 本地調(diào)試, 后端使用** http://localhost:8081 作為接口地址, 報(bào)錯(cuò) [vite] http proxy error ** 可

  2024年02月08日

  瀏覽(25)

• 帶你玩轉(zhuǎn) Vite + Vue3 高低版本常用玩法

  Vite 是一種新型前端構(gòu)建工具，在我們保險(xiǎn)前端項(xiàng)目中已經(jīng)推動并應(yīng)用很久了，Vite 能夠顯著降低構(gòu)建時(shí)間，提升前端開發(fā)效率。 它主要由兩部分組成： 一個(gè)開發(fā)服務(wù)器，它基于 原生 ES 模塊 提供了 豐富的內(nèi)建功能，如速度快到驚人的 模塊熱更新（HMR） 一套構(gòu)建指令，它使

  2024年02月05日

  瀏覽(24)
• 

  vite打包vue3項(xiàng)目白屏報(bào)錯(cuò)

  資源路勁問題 修改：vite.config.ts 原因是需要服務(wù)器進(jìn)行靜態(tài)資源訪問，否則會因?yàn)榭缬蚨鴪?bào)錯(cuò) ： 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日

  瀏覽(27)

• Vue3通透教程【十七】Vite構(gòu)建TS版本Vue項(xiàng)目

  專欄介紹： 涼哥作為 Vue 的忠實(shí) 粉絲輸出過大量的 Vue 文章，應(yīng)粉絲要求開始更新 Vue3 的相關(guān)技術(shù)文章，Vue 框架目前的地位大家應(yīng)該都曉得，所謂三大框架使用人數(shù)最多，公司選型最多的框架，涼哥之前在文章中也提到過就是 Vue 框架之所以火起來的原因，和 Vue 框架相比其

  2024年02月13日

  瀏覽(88)
• 

  Vite + Vue3 + Ts 解決打包生成的index.html頁面顯示空白、資源跨域、找不到資源、404-Page Not Found等錯(cuò)誤；關(guān)于vite build后訪問報(bào)錯(cuò) 關(guān)于vite build后訪問報(bào)錯(cuò)：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)
• 

  vite+vue3+ts項(xiàng)目構(gòu)建詳細(xì)步驟（配置多語言版本）

  時(shí)過境遷，我們見證了諸如 webpack、Rollup 和 Parcel 等工具的變遷，它們極大地改善了前端開發(fā)者的開發(fā)體驗(yàn)。 然而，當(dāng)我們開始構(gòu)建越來越大型的應(yīng)用時(shí)，需要處理的 JavaScript 代碼量也呈指數(shù)級增長。包含數(shù)千個(gè)模塊的大型項(xiàng)目相當(dāng)普遍。基于 JavaScript 開發(fā)的工具就會開始遇

  2024年02月05日

  瀏覽(24)
• 

  vue3 vite ts引入vue文件報(bào)錯(cuò) ts(2307)

  vue3 vite ts 生成的項(xiàng)目模板，在ts文件中引入vue文件報(bào)錯(cuò) ts(2307)，只是ts報(bào)錯(cuò)，并不影響項(xiàng)目運(yùn)行。 官方文檔有說明：http://vue.dragonlm.com/guide/typescript/overview.html#ide-support 解決方法是安裝插件，之后即可正常解析路徑，并可以跳轉(zhuǎn)到對應(yīng)文件。 TypeScript Vue Plugin (Volar)

  2024年02月16日

  瀏覽(90)
• 

  vite vue3+ts @引入無提示/解決提示報(bào)錯(cuò)

  1. setting.json? 這時(shí)候已經(jīng)有提示了 但是ts會報(bào)錯(cuò)? ?tsconfig.json? 以@開頭代表src目錄下 以#開頭代表ts目錄下? 配置好后 重新引入 沒有紅色波浪線但是 vite不認(rèn)識 @符號 運(yùn)行項(xiàng)目還是會報(bào)錯(cuò) ?這時(shí)候就需要在vite.config.ts中添加配置 如果path會報(bào)錯(cuò) 需要下載一下@types/node 再重啟下

  2024年02月15日

  瀏覽(20)

• nginx部署vue前端項(xiàng)目，訪問報(bào)錯(cuò)500 Internal Server Error

  描述：當(dāng)我配置好全部之后，通過 服務(wù)器 ip 地址訪問，遇到報(bào)錯(cuò)信息： 500 Internal Server Error 。 情況說明 前提：我是通過Docker啟動nginx容器，通過-v 綁定數(shù)據(jù)卷，將html文件和nginx.conf通過掛載的方式啟動。 我將vue項(xiàng)目打包放在 html路徑下。通過啟動命令啟動nginx容器，命令如下

  2024年02月07日

  瀏覽(33)
• 

  【vue3】踩坑日記，vite與node版本對應(yīng)（mac環(huán)境）

  創(chuàng)建vue3+vite+ts項(xiàng)目時(shí)，報(bào)錯(cuò)The requested module ‘vue’ does not provide an export named ‘computed’； node版本問題， Vite 需要 Node.js 版本 14.18+，16+； 升級node版本步驟： 先查看node的版本： 安裝n： sudo n latest // 升級到最新版本 sudo n stable // 升級到穩(wěn)定版本 sudo n xx.xx // 升級到具體版本號

  2024年02月05日

  瀏覽(20)