很简单的页面,主要是想熟悉一下vue,项目是用vue-cli搭建的,
使用vue+vue-router+axios
先看效果
1:axios请求第三方接口,不支持jsonp,需要在服务器conf文件夹下的index.js文件中配置代理
2:请求的图片地址有一部分返回403,访问受限制
只要在原链接前面加上这个就可以了https://images.weserv.nl/?url...
(这里需要将原链接中的http://去掉,用了字符串截取方法,本来想用正则的,可惜没写出来,不熟悉,大神看到可以指教一下)
3:vue中img标签读取src变量值时,不需要加{{}},而是直接src="list.images",
src="{{list.images}}"是错误写法
注:本文内容来自互联网,旨在为开发者提供分享、交流的平台。如有涉及文章版权等事宜,请你联系站长进行处理。