vue プロジェクトをパッケージ化して Baidu にアップロードするための BAE 手順の詳細な説明

今回は、vue プロジェクトを Baidu の BAE にパッケージ化してアップロードする手順について詳しく説明します。以下は実際のケースです。見てみましょう。 。 2 日間の調査の後、VUE パッケージ化プロジェクトは最終的に BAE を通じてオンラインでリリースされました。インターフェイスにはまだいくつかの問題がありますが、それでも非常に満足しています。 まず、このプロジェクトに必要なテクノロジー、vue+express+git+Baidu のアプリケーション エンジン BAE について説明します。

編集を続けて、ついに自分が書いたJSONファイルのシミュレートデータをアップロードしました。

具体的な手順:

1. まず、作成した Vue プロジェクトのパッケージ化について説明します (具体的なパッケージ化プロセスについては説明しません。npm run build だけで、VUE プロジェクト ファイル内に dist ファイルが再作成されます。これがパッケージ化されたプロジェクトです) 2. Baidu のアプリケーション エンジン BAE でプロジェクトをデプロイする場合の費用は 1 日あたり 2 セントで、非常に安価です。一人で遊ぶのはとてもお得です。

詳しい手順は、私が使用している GIT バージョン管理ツール

https://

cloud.baidu.com/doc/BAE/QuickGuide.html で紹介されています。必ず、nodejs0.10.21-web タイプを選択してください。 Expressフレームワークを使用しているためです。手順に従って独自のライブラリを作成したら。まず、その構成ドキュメントをよく理解してください。

3. 作成したライブラリに espress をインストールし、具体的な手順を自分で考えます。 (npm install -g Express-generator コマンドが存在する必要があります。存在しないと、express コマンドが見つからないというメッセージが表示される場合があります)

次にハイライトですが、とてもシンプルですが、長い間勉強させていただきました。 (1) まずgitで管理しているこのファイルのうち、app.confを除く3つのファイルを削除し、作成したExpressプロジェクト内のファイルをコピーしてgitに置きます。 マネージドライブラリでは、gitで管理するライブラリのファイル名は基本的にtest1appid245yn4jb32となります。 test1 は私が作成したフォルダーで、appid245yn4jb32 フォルダーは git からリモートで複製されました。 Express によって作成されたプロジェクト内のすべてのファイル (依存関係を含む) を appid245yn4jb32 フォルダーにコピーします。同時に、bin フォルダー内の www ファイルに js サフィックスを追加します。なぜなら、この BAE は .js の

entry file

しか認識しないからです。同時に、www ファイルのポートを 18080 に変更します。 BAE のデフォルトのポートは 18080 であるためです。

(2)vueプロジェクト内のパッケージ化プロジェクト(distフォルダ配下の全ファイル)をpublicフォルダにコピーし、元のものは削除します。 このようにして、すべての

ファイル

をアップロードし、Web サイトを開くと、vue プロジェクト内の内容が表示されるはずです。 (データがないように見えます)

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。 推奨読書:

vue の post で null パラメーターを処理する方法

axios が post リクエストを送信する springMVC がパラメーターを受け入れられない場合の対処方法

。

以上がvue プロジェクトをパッケージ化して Baidu にアップロードするための BAE 手順の詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。