技術標籤：Nuxt

npm install axios -s

在plugins新建axios檔案配置公共請求
…
vue頁面匯入

  import axiosApi from "../plugins/axios";

在asyncData進行請求渲染資料

  export default {
    data() {
      return {
        info: []
      }
    },

    async asyncData() {
      const res = await axiosApi("getData", {
 
}, "post")
      return {
        info: res.data.top_four
      }
    },
  }

asyncData方法

asyncData 方法會在元件每次載入之前被呼叫
asyncData 可以在服務端或路由更新之前被呼叫
asyncData 返回的資料融合到元件的data方法
asyncData 方式是在元件初始化前被呼叫，方法內飾無法通過this來引用元件的例項物件

打包釋出到伺服器

npm run generate

檢視原始碼可以檢視請求到的資料