一个用于创建JSON接口的网站 http://myjson.com/api

http://myjson.com/api 你可以用来创建你用于测试临时JSON数据
一个用于创建JSON接口的网站 http://myjson.com/api_第1张图片
创建完他会生成一个JSON的接口用于访问
一个用于创建JSON接口的网站 http://myjson.com/api_第2张图片
使用Vue和fetch进行测试

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js">script>
<div id="app-8">
    <ul>
        <li v-for="product in products">
            {{product.hitokoto}}
        li>
    ul>
div>
<script>
    const app8=new Vue({
        el:"#app-8",
        data:{
            products:[]
        },
        created(){
            fetch("https://api.myjson.com/bins/1etybi")
                .then( response => response.json() )
                .then(json=>{
                    this.products=json.ps
                })
        }
    })

效果图
一个用于创建JSON接口的网站 http://myjson.com/api_第3张图片

你可能感兴趣的:(api)