用了vue cli3.0用axios調用本地json數據一直報404,找了半天郁悶,最后發現原因是,vue cli3.0 public 文件夾才是靜態資源文件,問題解決,記錄一下,以后不再踩坑。 ...
一開始的文件結構是這樣的: 我把 mock 文件夾放在了最外層,實際上這樣的做法是錯誤的。 模擬數據應該被放在 public 文件夾中,這樣就可以正常訪問了。 具體的代碼 mark 如下: 訪問本地服務器數據:http: localhost: mock index.json 不用加public ...
2020-08-07 13:13 2 1130 推薦指數:
用了vue cli3.0用axios調用本地json數據一直報404,找了半天郁悶,最后發現原因是,vue cli3.0 public 文件夾才是靜態資源文件,問題解決,記錄一下,以后不再踩坑。 ...
在vue-cli創建的static目錄下直接放置模擬的json 文件 1、調整config/index.js文件配置 json數據都放到了static/mock目錄下。注意接口地址的端口號在運行項目和設置的要一致才能正確取到數據。 2、在任意組件中使用axios來請求本地json數據文件以下 ...
<script src="https://cdn.jsdelivr.net/vue.resource/1.3.1/vue-resource.min.js"></script> npm install vue-resource --save-dev 下面這些應該放在 ...
服務器報錯如下圖: 此原因,是服務器配置的原因,跟build代碼本身無關 以ftp為例,在/etc/nginx/conf.d文件夾下,找到xxx.conf,修改成自己需要的路徑即可 位置如下 ...
vue-cli3 本地數據模擬后台接口 原理: 將本地的json數據在前端模擬為后台接口,然后調用接口,完成前端操作。在后台接通后可以直接在api配置文件中修改路徑,完成前后台對接。 配置: 1.文件目錄 2. 安裝express 3.配置 ...
首先創建一個本地json文件,放在項目中如下 然后在dev-server.js中配置 1.數據讀取 2.定義路由 3.注冊定義的api 4.在頁面使用url 學習筆記 ...
VUE開發請求本地數據的配置,早期的vue-lic下面有dev-server.js和dev-client.js兩文件,請求本地數據在dev-server.js里配置,最新的vue-webpack-template 中已經去掉了dev-server.js和dev-client.js ...
最近在測試數據的時候, 請求本地數據一直報404,如圖所示 因為最新的vue-cli3.0生成的項目,靜態文件變成了public文件,最開始請求的static文件中的json也是報錯,就查看了很多的資料,最后發現改了本地請求需要在public文件中新建一個js文件,在js文件中添加 ...