16、axios的使用與數據的mock②(使用proxyTable代理),axiosproxytable

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

1、設置proxyTable

img_a38446b76691e8fbb2a1f136b44c7c90.png 設置proxytable代理

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

(1)當你請求/api的時候,轉發到http://localhost:8080這臺端口號為8080的服務器上;

(2)一旦你請求是以/api開頭的,就把它替換為/static/mock這個路徑;

2、使用axios獲取mock數據

好了,知道了新增幾行代碼的意思,我們就在home.vue頁面用這種方式訪問下數據

img_dd17c6b253cba5c7f3891d313a2fc794.png 使用axios

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

img_93a315aca68b821699bce7c7f31f25e3.png localhost

沒問題,至此,我們通過兩種方式從本地獲取了數據,接下來就是把數據渲染到頁面上了。愛掏網 - it200.com

聲明:所有內容來自互聯網搜索結果,不保證100%準確性,僅供參考。如若本站內容侵犯了原著者的合法權益,可聯系我們進行處理。
發表評論
更多 網友評論0 條評論)
暫無評論

返回頂部

主站蜘蛛池模板: 久久亚洲国产成人精品无码区| 国产免费无遮挡精品视频| 人人婷婷色综合五月第四人色阁| 两性高清性色生活片性高清←片| 韩国三级中文字幕| 日韩美女在线视频网站免费观看| 国产真实乱子伦精品| 亚洲人成网站999久久久综合| 2022欧美高清中文字幕在线看| 正在播放乱人伦| 国产精品美女久久久| 亚洲国产精品无码久久| 污视频免费网站| 欧洲女人牲交性开放视频| 国产精品一区二区在线观看| 亚洲va在线va天堂成人| 欧美欧洲性色老头老妇| 最近高清中文在线国语字幕| 国产成人一区二区三区电影网站| 久久精品亚洲一区二区三区浴池| 青娱乐国产精品视频| 摸BBB揉BBB揉BBB视频| 午夜国产羞羞视频免费网站| 一区二区三区高清在线| 狠狠色综合网站久久久久久久| 图片区亚洲色图| 亚洲成av人片在线观看天堂无码| 2023天天操| 日本乱码一卡二卡三卡永久| 国产xxxx做受视频| 一本大道香蕉大无线视频| 热re久久精品国产99热| 国产精品福利自产拍在线观看| 亚洲av最新在线观看网址| 黄色a级在线观看| 插插无码视频大全不卡网站| 再深点灬舒服灬免费观看| 99精品国产在热久久无毒不卡| 欧美怡红院在线| 国产亚洲成在线播放va| 一级毛片**免费看试看20分钟 |