vue+webpackを使用してパッケージ化されたファイルの404空白ページ問題を解決する方法

ここで、vue+webpack パッケージ ファイルの 404 空白ページの解決策を共有します。これは非常に参考になるので、皆さんのお役に立てれば幸いです。

最近 vue-cli+vue-router+webpack を使用してプロジェクトをビルドしたときに発生した 3 つの問題は次のように要約されます:

vue-cli+ webpack はプロジェクトを作成し、cnpm を実行した後、プロジェクトを配置する必要があります。 http サーバー上で実行できるのは、

で実行した後のみです。例: nginx

vue の単一ページの起動ページは、実際にはルーティング パスが存在しないため、更新の問題が発生します。ページ 404 では、見つからないものをすべて設定する必要があります。 パスは、index.html に直接マッピングされます

1 ページ 404 を更新します

スタートアップ ファイル ルートのインデックス ページのパスを構成します: D :/workPlace/mex-adx-web/mex-adx-web/dist

2 セカンダリ ページ更新エラー:

パッケージ化されたプロジェクトの静的リソースのパスは、絶対パスに設定する必要があります。相対パスの場合はエラーになります

config-index.js

3: プロジェクトの実行には問題ありませんが、パッケージ化後にファイルを実行するとエラーが報告されます

予期せぬトークン:`。 。 。

babel を個別に設定し、その設定をファイル .babelrc に入れる必要があります:

上記は私がまとめたものであり、将来的には誰にとっても役立つことを願っています。

関連記事:

iviewテーブルの高さを動的に設定する方法

Angular4に統合されたng2-file-uploadアップロードコンポーネント

nodejsのACLユーザー権限管理の詳細説明

以上がvue+webpackを使用してパッケージ化されたファイルの404空白ページ問題を解決する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。