npm install next-initial-request --save-dev

async function GetActivityById(id){ let response = await axios.get(`/api/v1/activity/info/${id}`); return response.data; } async function getActivity(params){ let response = await axios.get(`/api/v1/activity/all`, {params}); return response.data; }

import NextHttp from "next-initial-request" // or const NextHttp = require("next-initial-request");

static async getInitialProps ({req, pathname, query}) { let props = {}; if(req){ // 并发 let results = await Promise.all([ getActivityById(query.id), getActivity(), ]); /* // 同步请求（根据接口的数据请求接口时，可以用这种方式）  let results = [];  results[0] = await getActivityById(query.id);  results[2] = await getActivity(); */ props.initProps = NextHttp.initProps(results, ["activity", "activityAll"]); } return props; }

async getActivity(){ let params = { page: 1, perpage: 5 }, // NextHttp.getProps()只会在服务端渲染一次，客户端直接请求 data = NextHttp.getProps(this, "activityAll") || await getActivity(params), activityAll = []; if(data.code === 200){ activityAll = data.items; } this.setState({ activityAll }) }