使用海+は、インタフェース環境を開発DVA

海の文書は、言うことではない何のプロジェクトテンプレートを作成します

]を選択し、プロジェクト、カスタム開発、アプリのオプションを選択し、他のあまり言うこと

あなたが選択した後、TSはあなたを聞いてきますか?、かどうかは決定するために、オプションで、DVA、コードspliting、DLLをantd

最後に、コンソールを開き、プロジェクトを開始、名前の新しいバージョンでフックを反応させ、警告やエラーメッセージ、に関する警告の束が変化している、そして将来は古くなり、今、それがインスタンス.umiファイルを報告されていませんコードエラーは、コンソールを表示しなくてもかまいません

コンソールでは、これはショーを閉じません

それのディレクトリ構造は、ドキュメントのいくつかを避けます

その後、環境変数を介して  UMI_ENV 設定を指定するには、異なる環境を区別します。開発環境、テスト環境と本番環境のインターフェイスを設定します

クロスENVをインストール1.

糸クロスのenvを追加

2. [変更.umirc.jsファイル、定義属性を追加します(これはテストおよび開発です)

3.設定本番環境では、ファイルの割り当ては、サーバーインターフェイスに.umirc.prod.js、公式のインターフェイスと改名しました

4. [変更package.jsonに詰め命令 

  "scripts": {
    "start": "umi dev",
    "test": "umi test",
    "devbuild": "cross-env UMI_ENV=dev umi build",
    "build": "cross-env UMI_ENV=prod umi build",
    "lint": "eslint --ext .js src mock tests",
    "precommit": "lint-staged"
  },

5.印刷process.env.apiUrlで書かれたテストは、app.js、その後、開発サービスを再起動します

export const dva = {
  config: {
    onError(err) {
      err.preventDefault();
      console.error(err.message);
    },
  },
};
console.log(process.env.apiUrl);

開発に成功したことを印刷6.!

7.テストサーバーのインタフェースパッケージは、同じ開発環境を印刷し、NPM実行devbuildを実行します

8.印刷生産インターフェイスアドレス

他の多くの構成では、ドキュメントそれ自身を参照してください。

これまでのところ、設定をパッケージ異なる環境は、次を完了すると、あなたは、SRCにパッケージAJAXサービスをutilsのファイルを作成することができます

baseUrlにはprocess.env.apiUrlの値であり、

 

 

 

 

 

 

 

 

 

公開された63元の記事 ウォンの賞賛100 ビュー310 000 +

おすすめ

転載: blog.csdn.net/qq_36407748/article/details/99169307