脚本宝典收集整理的这篇文章主要介绍了vue仿豆瓣页面踩坑记录（1）-vue，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。

很简单的页面，主要是想熟悉一下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}}"是错误写法

觉得可用，就经常来吧！ 脚本宝典 欢迎评论哦！ vue，巧夺天工，精雕玉琢。小宝典献丑了！

脚本宝典总结

以上是脚本宝典为你收集整理的vue仿豆瓣页面踩坑记录（1）-vue全部内容，希望文章能够帮你解决vue仿豆瓣页面踩坑记录（1）-vue所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。