前言:上篇講了axios的基本使用然后寫了個(gè)json文件mock了下數(shù)據(jù),最后我們安裝了express并在webpack.dev.conf.js中配置后成功的在瀏覽器中訪問到了數(shù)據(jù)盖喷。但是這樣訪問mock數(shù)據(jù)的方式未免太過麻煩虐拓,所以這章我們用簡單的proxyTable代理的方式訪問mock數(shù)據(jù)。
GitHub:https://github.com/Ewall1106/mall
1、設(shè)置proxyTable
新增這幾條的代碼是什么意思呢?
(1)當(dāng)你請求/api
的時(shí)候,轉(zhuǎn)發(fā)到http://localhost:8080
這臺端口號為8080的服務(wù)器上城瞎;
(2)一旦你請求是以/api
開頭的,就把它替換為/static/mock
這個(gè)路徑疾瓮;
2脖镀、使用axios獲取mock數(shù)據(jù)
好了,知道了新增幾行代碼的意思狼电,我們就在home.vue
頁面用這種方式訪問下數(shù)據(jù)
3认然、去瀏覽器中看看是不是訪問成功了
沒問題补憾,至此,我們通過兩種方式從本地獲取了數(shù)據(jù)卷员,接下來就是把數(shù)據(jù)渲染到頁面上了盈匾。