前言:上篇講了axios的基本使用然后寫了個json文件mock了下數據,最后我們安裝了express并在webpack.dev.conf.js中配置后成功的在瀏覽器中訪問到了數據。愛掏網 - it200.com但是這樣訪問mock數據的方式未免太過麻煩,所以這章我們用簡單的proxyTable代理的方式訪問mock數據。愛掏網 - it200.com
GitHub:https://github.com/Ewall1106/mall
1、設置proxyTable

新增這幾條的代碼是什么意思呢?
(1)當你請求/api
的時候,轉發到http://localhost:8080
這臺端口號為8080的服務器上;
(2)一旦你請求是以/api
開頭的,就把它替換為/static/mock
這個路徑;
2、使用axios獲取mock數據
好了,知道了新增幾行代碼的意思,我們就在home.vue
頁面用這種方式訪問下數據

3、去瀏覽器中看看是不是訪問成功了

沒問題,至此,我們通過兩種方式從本地獲取了數據,接下來就是把數據渲染到頁面上了。愛掏網 - it200.com
聲明:所有內容來自互聯網搜索結果,不保證100%準確性,僅供參考。如若本站內容侵犯了原著者的合法權益,可聯系我們進行處理。