vueプロジェクトをサーバにパッケージ化

789 ワード

接続前にバックエンドコードをサーバに配置しました
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の静的リソースを直接使う方法もありますが、まだどう書くか模索されていません.簡単だそうです)