vue.js プロジェクトのパッケージ化と起動の図による説明

この記事は主に vue.js プロジェクトのパッケージ化と起動に関するグラフィック チュートリアルを共有するものであり、非常に参考になるので、皆さんのお役に立てれば幸いです。編集者をフォローして見てみましょう。皆さんのお役に立てれば幸いです。

最近、私は毎月小さな vue.js 開発プロジェクトを書くことにこだわってきました。最終的な開発が完了した後、私がずっと前に他の人に答えた質問を思い出しました。それは、vue プロジェクトをオンラインで使用する方法です。そのときは、さまざまな奇妙な答えがあったのですが、Vue 関係者は、このフレームワークはビュー層のみを実行するため、開発されたものはサーバーに直接コピーされない、と述べていました。静的ファイルとしてパッケージ化され、サーバーにアップロードされます。ここでプロセスを簡単にリストします:

まず、パッケージ化する前に設定ファイルを変更する必要があります。これらの問題は主にパスの問題であるため、以下の設定を変更する必要があります。 Index.js 設定ファイル:

上の図で最初に変更するのは、静的ファイルのパスです。パッケージ化後、静的ファイルは現在のディレクトリにあるので、それを ./

に変更します。

2 つ目は、環境を運用環境に設定するです

変更後、cmd を開き、次のコマンドを実行してパッケージ化します:

このパッケージ化されたファイルを配置する必要があることを示す以下のヒントに注意してください。サーバーを開く前にサーバーを使用し、ブラウザーで直接開くことはできません。パッケージ化されたファイル構造は次のとおりです:

現時点では、サーバーを使用してindex.htmlにアクセスする必要があります。たとえば、開発中にクロスドメインの問題を解決するためにプロキシテーブルを使用する場合があります。この問題は、プロキシテーブルを介して自分で解決する必要があります。誰もが使いやすいように開発されたクロスドメイン ソリューション。

関連する推奨事項:

Vue でのファイルの一括ダウンロードとパッケージ化の詳細な説明

パッケージング ツール パーセル ゼロ構成 vue 開発のスキャフォールディング

vue の後の空白を処理する正しい方法の例の詳細な説明梱包済み

以上がvue.js プロジェクトのパッケージ化と起動の図による説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。