nuxtjs asyncData使用经验—如何发起多个axios请求并携带参数
分类:计算机 | 前端 | Nuxt.js | 综合 2401
更新:2020-10-18 01:56:54编辑
1 示例代码
<script>
import axios from "~/plugins/axios";
import ShowArticleList from "../components/ShowArticleList";
import ViewRankList from "../components/viewrank/ViewRankList";
export default {
name: "indexArticle",
async asyncData({ params, error }) {
//发送多个axios请求
let [request1Data,request2Data] = await Promise.all([
axios.get(requrl1,{params: {
articleid: 12,
name: '测试'
}}),
axios.get(requrl2)
])
//其它操作...
return {
articleList: request1Data.data,
viewRankList: request2Data.data
}
},
components: {
ShowArticleList,
ViewRankList
},
};
</script>
2 说明
requrl1和requrl2是两个axios请求的地址,第一个请求携带了参数。 request1Data和request2Data是两个请求的返回结果。
猿导航
阅读排行榜
- 1vue和el-table使用经验-如何刷新表格数据9457
- 2three.js加载3D瓦片和3dtiles数据生成交互式地图的开源项目8341
- 3uni-app使用经验—vue页面和html页面如何互相调用接口并传参4241
- 4Microsoft Visual C++ Redistributable是什么,有什么作用?3481
- 5Spring学习经验—@ResponseBody注解的使用说明3185
- 6mybatis使用经验——mybatis-spring-boot-starter和mybatis的版本对应关系表(持续更新~)3177
- 7Druid异常解决经验—java.sql.SQLException url not set3033
- 8如何用批处理命令(bat脚本)启动和停止windows服务2823
- 9nuxt.js项目中如何添加和使用全局变量2817
- 10Intellij IDEA下的版本控制VCS的启用与关闭2715
- 11解决SpringBoot使用maven下载不了jar包的问题2505
- 12nuxtjs asyncData使用经验—如何发起多个axios请求并携带参数2401
- 13在Nuxt.js项目的head中引用外部js文件2212
- 14在NVIDIA控制面板设置参数时提示“拒绝访问 无法应用选定的设置到您的系统”的解决方法之一2172
- 15linux如何成功地离线安装docker2113