weixin_44681697
宇智波佐菜
采纳率40%
2019-02-26 11:48

数据请求img展示图片,api特意找了个简单清晰的,主要就是为了要这个图片url,帮我分析一下,到底哪里出错

    <div id="app">
            <ul>
                <li v-for="item in items" >
                    <img :src="item.url"><p class="title">{{ item.createdAt}}</p>
                    <p class="time">{{ item.publishedAt }}</p>
                </li>                           
            </ul>
        </div>
        <script type="text/javascript">             
            $.ajax({
                url:'https://www.apiopen.top/meituApi?page=1',
                type:'GET',
                dataType:'json',
                success:function(data, status){
                    var pictures = data['data']
                    console.log(pictures[0]['url'])
                    new Vue({
                        el:'#app',
                        data:{
                            items:pictures,
                        },
                    })
                },
                async:true!

            })  

图片说明
图片说明

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享
  • 邀请回答

1条回答

  • qq_29594393 当作看不见 2年前

    如果楼主的提供的信息无误的话, 那么错误应该可能是 图片本身不被允许加载(被静态资源拦截了)
    检测方法
    1:审查一下元素,查看图片节点的src属性是否正确;
    2:查看网络请求,确认图片的请求返回值正确

    点赞 评论 复制链接分享