16、axios的使用與數(shù)據(jù)的mock②(使用proxyTable代理)，axiosproxytable

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

1、設(shè)置proxyTable

設(shè)置proxytable代理

新增這幾條的代碼是什么意思呢？

（1）當(dāng)你請(qǐng)求/api的時(shí)候，轉(zhuǎn)發(fā)到http://localhost:8080這臺(tái)端口號(hào)為8080的服務(wù)器上；

（2）一旦你請(qǐng)求是以/api開頭的，就把它替換為/static/mock這個(gè)路徑；

2、使用axios獲取mock數(shù)據(jù)

好了，知道了新增幾行代碼的意思，我們就在home.vue頁(yè)面用這種方式訪問(wèn)下數(shù)據(jù)

使用axios

3、去瀏覽器中看看是不是訪問(wèn)成功了

localhost

沒問(wèn)題，至此，我們通過(guò)兩種方式從本地獲取了數(shù)據(jù)，接下來(lái)就是把數(shù)據(jù)渲染到頁(yè)面上了。愛掏網(wǎng) - it200.com