エラーを修正しました.

1673 ワード
react axios api javascript テキストリンク

問題


あなたは偉大なNextJS tutorialを終えているし、あなたの次のWebアプリのプロジェクトにあなたの新鮮な知識を使用する準備が整いました.
あなたは、あなた自身のNodeJSによって動かされたAPIからのデータを得るためにgetStaticProps機能を使用しています、あるいは、ページをプレレンダリングする前にAirbnb、Facebook、Googleのような外部APIから.
インデックスに次のコードがあります.例えば、JSページ
import {getIndexData} from 'lib/api.js'

export async function getStaticProps() {
  const indexData = await getIndexData()

  return {
    props: {
      indexData
    }
  }
}
とlib/APIの次のコンテンツ.js
import axios from 'axios'

const get = endpoint => axios.get(`endpoint`);

export async function getHomeData()
{ 
  const res = await get(`https://api.facebook.com/...`);
  return res.json()
}
nextjsで述べたようにうまく動作するはずですが、代わりにlocalhost : 3000を開いたときにこの迷惑なエラーが発生します

フィックス


次の関数を書き換えます.
lib/apiで.js
export async function getHomeData()
{ 
  const {data: response} = await get(`https://api.facebook.com/...`);
  return response
}
そして、あなたのgetStaticPros関数で
export async function getStaticProps() {
  const data = await getIndexData()
  return {
    props: {
      indexData: data
    }
  }
}
ベスト!
シュワン008 DSとA -グラフ
Opencv-コンピュータビジュアルライブラリ