vue-cli3に基づいて実行するためにvueをサーバーに配置する方法について

以前は静的ページをサーバーに配置する操作に触れただけでしたが、vueプロジェクトに連絡した後、vueプロジェクトがサーバーでどのように実行されるのか知りたいです。

最初に、vue scaffolding（vue-cli3）に基づいてvueプロジェクトを作成します 

vue createプロジェクト名

 ルーターを追加

vue add router

 

 この時点で、vueプロジェクトが構築され、開発できます

実行して効果を確認します：（糸サーブ）

 

よさそうだし、その後、糸のビルドを実行してパッケージ化されたdistファイルを取得する

 

パッケージ化されたファイルは、より遠くにあります

ファイル内容：

 

index.htmlを直接開きます。空白でエラーが発生します。

 

 

このとき、プロジェクトのルートディレクトリにvue.config.jsファイルを追加する必要があります。

ファイルに追加

module.exports = { 
 publicPath： './' // <----これは、webpackを変更するoutPath.publicPathです
}

モードもコメントアウト

 

 次に、vueファイルを再パッケージします（yarnビルド）。　

 次に、distファイルのindex.htmlファイルを開きます。通常は開くことができます。

 

 

したがって、このdistファイルをサーバーに配置して、distファイルのindex.htmlにアクセスします。