laravel - 如何在 vuejs 和 laravel 中循环 api
问题描述
我有一个问题,你们如何从另一个 api 和循环 ex 获取 json 数据:这是我在 vue 组件上的输出
<tr>
<td>0x0cc5d2800ea2a76c8811b7d2d2091b09359378f9</td>
<td>0x0cc5d2800ea2a76c8811b7d2d2091b09359378f9</td>
<td>0x0cc5d2800ea2a76c8811b7d2d2091b09359378f9</td>
<td>0x0cc5d2800ea2a76c8811b7d2d2091b09359378f9</td>
<td>0x0cc5d2800ea2a76c8811b7d2d2091b09359378f9</td>
<td>0x0cc5d2800ea2a76c8811b7d2d2091b09359378f9</td>
</tr>
我想请求新的 api
http://fromanotherwebsiteap/0x0cc5d2800ea2a76c8811b7d2d2091b09359378f9
http://fromanotherwebsiteap/0x0cc5d2800ea2a76c8811b7d2d2091b09359378f9
http://fromanotherwebsiteap/0x0cc5d2800ea2a76c8811b7d2d2091b09359378f9
.................
并获取 json 数据 ex: { "success": true, "client_id": "0x0cc5d2800ea2a76c8811b7d2d2091b09359378f9", "item_id": 1, "total": 658 }
this is the code inside my controller
return Scholar::latest()->paginate(10);
这是我的vue上的代码
<script>
import axios from 'axios';
import Header from './Headerscard';
import Modal from './Modal';
export default {
components: {
'Header':Header,
'Modal':Modal,
},
data() {
return{
scholars: [],
}
},
methods:{
loadScholar(){
axios.get('api/scholar').then(({ data }) =>(
this.scholars = data
));
}
},
created(){
this.loadScholar();
},
mounted(){
}
}
</script>
解决方案
推荐阅读
- azure - Azure 文件存储中支持的文件类型
- spring-boot - 如何将计划作业实现为微服务
- node.js - 尝试使用错误密码登录后尝试将请求 /api/users/login 从 localhost:3000 代理到 http://localhost:5000/ 时出错
- python - 如何在opencv中显示轮廓或形态变化的图像
- clojure-java-interop - 如何使用 clojure 作为 Java 程序的脚本语言?
- python - 如何创建具有类似 numpy nd 数组的数据结构
- c# - 有没有办法像使用 c# 一样运行 CMD 命令而不将其拆分为文件名和参数?
- reactjs - 反应,导入外部 json 而不是本地
- java - 如何将基数为 10 的数字转换为带字符的编号系统?
- swiftui - 一个类可以成为 SwiftUI 中的视图吗?