VUE中axios請求本地json,報404

剛接觸vue不是很熟,這個問題一直困惑很長時間。
vue cli2和vue cli3搭建的項目兩種不同的目錄結構;
在這裏插入圖片描述
一種有static目錄;靜態資源存放在static下
在這裏插入圖片描述
高版本沒有static目錄,有public目錄;靜態資源存放在public下

所以解決方案也不一樣;

1、static版

 axios.get("./static/json/map/100000.json", {})
          .then(response => {}

訪問路徑要帶 ./static 文件存儲如下圖所示:

在這裏插入圖片描述
2、public版

axios.get("./js/100000.json", {})
	.then(response => {}

訪問路徑要不帶public ,直接訪問public下的文件即可,文件存儲如下圖所示:

在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章