1.プロジェクトディレクトリ(プロジェクトのpackage.jsonファイルと同じディレクトリ)でコマンドラインを開きます。
注:package.jsonには、プロジェクトの実行に必要な構成アイテムが含まれており、プロジェクトのコンパイル時にロードされます
2.コマンドを実行します
vueプロジェクト:npm run devは、開発環境でプロジェクトをすぐに開始します。
反応プロジェクト:npm run startは、開発環境でプロジェクトをすぐに開始します。
npm run buildコンパイルしてプロジェクトをパッケージ化
ここで実行されるコマンドは、package.jsonでマークされたスクリプト情報でもあります。コマンドプロンプトが間違っている場合は、package.jsonファイルを開いて、必要な実行可能スクリプト情報を確認できます。
3.コンパイルコマンドを実行すると、プロジェクトフォルダにdistフォルダが生成され、 コンパイルされたフロントエンドファイルが中に配置され、indexl.htmlがプロジェクトの入り口になります。
4.ブラウザでindex.htmlを開くと、何も表示されないことがわかりますF12キーを使用してデバッグバーを開くと、コンソールエラーが表示されます。
/
5.これは、リソースパスを参照する際の問題です。プロジェクトの下のconfig / index.jsファイルを開き、次のプロパティを見つけて変更を加えることができます
ここでの実際の変更は、デフォルトの絶対パスを相対パスに変更することです。変更しない場合は、サーバーのルートディレクトリに配置することで、dist内のファイルに直接アクセスできます。
6.ファイルを再コンパイルして開きます