Webpack - vue-cli で書かれたプロジェクト (ローカルで実行しても問題ありません) は、Nginx サーバーに配置されます。どのような構成を変更する必要がありますか?他にどのように展開すればよいでしょうか?

Question

Vue-cli を直接使用してローカルでビルドされたプロジェクトの場合、Webpack の設定は変更されておらず、問題なくローカルで実行されますが、Nginx サーバーに配置する予定です。設定を変更する必要がありますか?では、Nginx をデプロイするにはどうすればよいでしょうか?

検索したところ、config: './' (/a/11...) の下のindex.jsのassetsPublicPathを変更するという人もいました。

webpack.prod.conf.js の出力に publicPath:'./' (http://blog.csdn.net/gebitan5...) を追加するという人もいます。

すべて試してもサーバー上で開くことができません。助けてください~~~~

Answer 1

単なる Vue の場合は、npm run build打包, 然后再把dist里面的静态文件发布到服务器中, 在Nginx配置中通过location パスを介して静的ファイルを指すフォルダーを設定します。これにより、フォルダーの下にあるindex.html ファイルに直接アクセスします。..

Answer 2

hzzly.net などのドメイン名を介してビルドされたプロジェクトに直接アクセスしたい場合は、config の下にあるindex.js のassetsPublicPath: '/' を変更します。ドメインの後に別のレイヤーを追加する場合は変更する必要はありません。 hzzly.net /resume などの名前を付けてから、config の下のindex.js をassetsPublicPath: '/resume/' に変更します。次の nginx 設定は変更せず、Web サイトのメイン ディレクトリに新しい履歴書フォルダーを直接作成するだけです。

リーリー

Answer 3

ホームページをロードし、HTML ファイルを表示し、リソースの参照パスが正しいかどうかを確認します。
上の図と同様に、src 内のパスをチェックして、サーバー内のリソースが正しいかどうかを確認します。正しくない場合は、webpack に移動してリソースのパッケージ化パスを変更します。

Answer 4

jsにアクセスすると404ですか？