vueプロジェクトをサーバにパッケージ化
接続前にバックエンドコードをサーバに配置しました
1、configフォルダの下のindexに入ります.jsファイルは、devオブジェクトとbuildオブジェクトのassetsPublicPathプロパティ値を変更します.
から
に改心
次に、すべてのリクエストインタフェースが削除されます.http://localhost:3000、元のルーティングパスを直接保持します(パッケージ化後はサービスコードの下に配置されるので、インタフェースのホストとポートを表示する必要はありません).
その後cmdはこのプロジェクトに入りnpm run buildコマンドを実行してパッケージ化し、パッケージが完了したらdistフォルダを得る.distの中のindexをhtmlファイルとstaticフォルダをexpressプロジェクトのpublicフォルダの下に置き、appを変更します.jsのページ出力ファイルパスとファイル名
このようにプロジェクトを起動した後、ブラウザはドメイン名を出力して、開いたページは書いたvueプロジェクトで、インタフェースのデータも要求しました.
(renderを使わずにexpressの静的リソースを直接使う方法もありますが、まだどう書くか模索されていません.簡単だそうです)
1、configフォルダの下のindexに入ります.jsファイルは、devオブジェクトとbuildオブジェクトのassetsPublicPathプロパティ値を変更します.
から
assetsPublicPath:"/"
に改心
assetsPublicPath:"./"
次に、すべてのリクエストインタフェースが削除されます.http://localhost:3000、元のルーティングパスを直接保持します(パッケージ化後はサービスコードの下に配置されるので、インタフェースのホストとポートを表示する必要はありません).
その後cmdはこのプロジェクトに入りnpm run buildコマンドを実行してパッケージ化し、パッケージが完了したらdistフォルダを得る.distの中のindexをhtmlファイルとstaticフォルダをexpressプロジェクトのpublicフォルダの下に置き、appを変更します.jsのページ出力ファイルパスとファイル名
app.set('views','./public')
res.render('index.html')
このようにプロジェクトを起動した後、ブラウザはドメイン名を出力して、開いたページは書いたvueプロジェクトで、インタフェースのデータも要求しました.
(renderを使わずにexpressの静的リソースを直接使う方法もありますが、まだどう書くか模索されていません.簡単だそうです)