vue中靜態檔案存放路徑問題解決

2021-10-24 08:42:56 字數 482 閱讀 4963

在最近的專案學習中,遇到了乙個問題,寫好的vue**明明在本機上執行良好,然而整合**至我的小夥伴電腦上卻一直出現無法找到檔案的問題,通過路徑找到該檔案後也無法顯示圖示,一直不知道什麼原因,感覺有點玄學。

vue 2.6目錄結構:

vue 4.4目錄結構:(結構中的static資料夾是我自己新建的,不起作用)

究其原因,是因為vue-2版本跟3版本的區別,目錄結構存在差別,版本2中有專門的static資料夾去存放靜態類的檔案,而版本3卻沒有這個資料夾。因此需要將靜態類的檔案放置在public資料夾之下,就可以了。

vue 靜態檔案配置請求路徑

靜態目錄下面放入config.json檔案 用於以後更改配置 這個是出現在打包以後的資料夾的 baseurl 通常有乙個單獨的js檔案來配置專案的各種url 我這裡是api.js let configs 獲取靜態json資料 let getjsondata function url configs ...

vue 引用src中的檔案 VUE中引用路徑的配置

在vue專案開發中經常引用js css img檔案。當專案較大時檔案層級很多,導致路徑很長,我們可以通過在bulid webpack.base.conf.js 設定簡便的引用路徑 一 引用assets目錄下的檔案 舉例 1 在src components content content.vue 中引...

HTML JSP引入JS檔案路徑問題解析

文件目錄結構 可以看到我的測試test6.html頁面與我的 js檔案所在的 myutils 資料夾在同乙個目錄。清單1 1 arraysutils.js var arrays 定義陣列物件 複製陣列方法,將a複製給b arrays.copyarrays function a,b 此時引入該js檔案...