VueのCLI本番環境のコンパイルプロジェクト

Webページの開発が完了した後、本番環境にプロジェクトにしたいです

我々は、次の処理を行うために、プロジェクトの完全な開発に必要

1、プロジェクトファイルenv.developmentで新しい環境変数

 

 

 追加されたファイルの環境変数

= HTTP VUE_APP_API_URL：// localhostを：3000 / ADMIN / API   
ローカルインスタンスのために勝つために、実際の開発環境の// URL

2、ベースURLをプロジェクトに追加した環境変数を追加します。

環境変数に置き換えるプロジェクトのベースURL

CONST = HTTP axios.create（{ 
    ベースURL：process.env.VUE_APP_API_URL || '/管理/火災' 、
     // のbaseURL： 'のhttp：// localhostを：3000 /管理/火災' 
}）

CLIプロファイルvue.config.js VUE新しいプロジェクトのルートディレクトリに3、

= module.exportsは{ 
    outputDirの：__ dirnameに + '/ .. /サーバー/公開/管理者は'、// アドレスは静的な項目はビルドファイルの実行NPMエクスポート 
    publicPath：process.env.NODE_ENV === '生産' // 設定項目publicPath 
      ？ '/ ADMIN /' 
      ： '/' 
  }

4.コンソールNPMの実行ビルド

ホスティング静的ファイルへのプロジェクトファイルのディレクトリ内のNode.jsサーバーで

app.use（ '/管理者'、express.static（__ dirnameは+ '/公共/管理'））

本番環境でのプロジェクトにアクセスできるようになります

詳細については、VUE CLI設定リファレンス参照することができます  https://cli.vuejs.org/zh/config/#publicpath