ホームページ  >  記事  >  運用・保守  >  nginxデプロイメントvueプロジェクトがjs cssファイルを見つけられない問題を解決する方法

nginxデプロイメントvueプロジェクトがjs cssファイルを見つけられない問題を解決する方法

王林
王林転載
2023-05-16 16:28:061428ブラウズ

nginx部署vue项目找不到js css文件怎么解决

npm が build を実行した後、webpack によって index.html に js ファイルと css ファイルの相対ディレクトリが自動的に挿入されます。ファイルは常に間違っています。サーバーに公開した後、nginx はファイルを見つけることができません。

vue-cli@3

vue-cli@3 では、すべてのファイルを Webpack の index.html に挿入する必要があります。 baseurl. プロジェクト vue.config.js のルート ディレクトリに新しいものを作成し、次の内容を追加する必要があります:

...
module.exports = {
 baseurl: isprod
  ? '/basexxx/'
  : '/',
  ....
}

必要なもの注意すべき点は開発環境です。baseurl を追加する必要はありません。

vue-cli@2

vue-cli@3 以外で生成されたプロジェクトの場合、Webpack の実装方法を気にしない場合は、必要なのは、 config/index.js を見つけるには、buildassetspublicpath を変更するだけです。

それが実現可能かどうかを検証するには、ローカルでビルドして、dist/index.html で参照されている js css ファイルのパスに が含まれているかどうかを確認します。先ほど設定したassetspublicpath 以上です。

この設定で十分な理由が気になる学生の場合は、引き続き build/webpack.base.conf.js ファイル


# を見てください。 nginx部署vue项目找不到js css文件怎么解决

##非

production モードでは、config/index.js で設定され、publicpath のデフォルトは です。


nginx部署vue项目找不到js css文件怎么解决

以上がnginxデプロイメントvueプロジェクトがjs cssファイルを見つけられない問題を解決する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はyisu.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。