查看源代碼顯示動態接口數據

 

使用nuxt實現查看源代碼顯示動態數據：

/** 通過nuxt框架實現服務端渲染 **/

1>下載腳手架工具：
  github地址： https://github.com/nuxt/create-nuxt-app
2>下載gitHub文件之後根據文檔創建自己項目：
  文檔地址     https://zh.nuxtjs.org/guide/installation/
3>異步數據請求只能在  async asyncData方法中，才能在源代碼中查看到源碼:
案例
  // async asyncData(context, callback) {
  //   var datas = {
  //     pageRequest: {
  //       limit: 10,
  //       page: 1
  //     }
  //   };
  //   axios.post(config.getalUrl, datas).then(res => {
  //     // console.log("callback", res.data.data.content);
  //     callback(null, { borderList1: res.data.data.content });
  //   });
  // },