nuxt.js使用axios

最近のレコードに遭遇少し問題を公開し、試運転から、マイクロプロジェクトの使用nuxt.js手紙を開発

文書によると：https://zh.nuxtjs.org/guide/installation

用途：$が作成-nuxtアプリのNPX nuxt、最初に

当然のnuxt-最初のプロジェクトを作成し、axios含む様々な要素、かどうかを尋ねられます。私が直接使用することを選択しました。作成プロセス（足場）を加えているので、我々はそれが何のaxios依存関係ないでしょうが、あなたはノードnuxt.config.jsのモジュールに関連するコンテンツを見つけることができます

 

 

 

どのようにそれを使用するには？このドキュメントを参照することができます。https://axios.nuxtjs.org/usage

私が使用することを選択しましたので：

これ。axios.post $（ "/トランス"、this.model）.then（（RES）=> {...

問題なく予備試験。今すぐポートを変更します。私は、サーバー・ノードのnuxt.config.jsを追加します

 

 

 テストので：NPM実行DEV、問題ありませんが、ビルド、その実行：NPMの実行開始を、疑問が生じました

 

 

 無力の下では、nuxt.config.jsのaxiosでプロキシ設定を使用するようにしてください

axios：{ 
    プレフィックス： '/ API' 、
    資格情報：真、
    プロキシ：真
  }、
  プロキシ：
  {
       '/ API'： 'のhttp：// localhostを：4000' 
  }、

 

すべての問題が解決されます。なぜリリースは、デフォルトのポートを使用した後？エージェントはなぜがローカルホストに設定した、ドメイン名へのアクセスは問題ありません。皆に話まで来た後や解釈のレベルそう。

ポストコードの場合には、ここでもう一つ注意すべきは、変更、またはそうされていません。

これ。axios.post $（ "/トランス"、this.model）.then（（RES）=> {...

以上の構成により、実際のポストアドレスが追加されます/ APIは、httpなった：// localhostを：4000 / API /トランス、これは私たちの実際のサービス嘘です。