vue仿豆瓣頁面踩坑記錄(1)

很簡單的頁面,主要是想熟悉一下vue,項目是用vue-cli搭建的,
使用vue+vue-router+axios
先看效果圖片描述vue

1:axios請求第三方接口,不支持jsonp,須要在服務器conf文件夾下的index.js文件中配置代理ios

圖片描述

2:請求的圖片地址有一部分返回403,訪問受限制
只要在原連接前面加上這個就能夠了https://images.weserv.nl/?url...
(這裏須要將原連接中的http://去掉,用了字符串截取方法,原本想用正則的,惋惜沒寫出來,不熟悉,大神看到能夠指教一下)vue-router

圖片描述

3:vue中img標籤讀取src變量值時,不須要加{{}},而是直接src="list.images",
src="{{list.images}}"是錯誤寫法vue-cli

相關文章
相關標籤/搜索