vue仿豆瓣页面踩坑记录(1)

原创 1059909154 随笔 vue 406阅读 2017-11-30 18:00:42 举报

很简单的页面,主要是想熟悉一下vue,项目是用vue-cli搭建的,
使用vue+vue-router+axios
先看效果

vue仿豆瓣页面踩坑记录(1)
1:axios请求第三方接口,不支持jsonp,需要在服务器conf文件夹下的index.js文件中配置代理

vue仿豆瓣页面踩坑记录(1)

2:请求的图片地址有一部分返回403,访问受限制
只要在原链接前面加上这个就可以了https://images.weserv.nl/?url...
(这里需要将原链接中的http://去掉,用了字符串截取方法,本来想用正则的,可惜没写出来,不熟悉,大神看到可以指教一下)

vue仿豆瓣页面踩坑记录(1)

3:vue中img标签读取src变量值时,不需要加{{}},而是直接src="list.images",
src="{{list.images}}"是错误写法

评论 ( 2 )
最新评论
1059909154 1F 2017-12-01 11:06:01 2F

谢谢指正,写漏了

人马在冬至追风 2017-12-01 08:43:11 1F

说实话 src="list.images"这个写法也是错误的 在数据绑定的时候要bind 简写:src="list.images"