vueプロジェクトのパッケージ上のサーバ表示404のエラーを解決しました。ローカルにはエラーがありません。
1、足場を使ってvueプロジェクトを構築する
2、運行して、現地で運行しても大丈夫です。そしてサーバーを包装して、404のエラーに遭遇しました。次のように。
これはwebpack包装の結果です。解決方法は以下の通りです。
1、buildフォルダの下のutils.jsファイルを修正して、約51行に追加します。
補充知識:vueプロジェクトは包装してからデータを要求できない問題です。なぜ私達はvueプロジェクトを開発する時に逆代理を配置する必要がありますか?
この時は逆代理でクロスドメインの問題を解決してくれる必要がありますが、一部の開発者はプロジェクトを開発した時、直接包装します。
直接包装すると問題が発生します。データを要求できないのは、私達が包装した後のプロジェクトはドメインを越えることが全然ないからです。
包装が終わったら、地元のポートを使わないと、ドメインを越えることができません。だから、包装する前に先に私達の逆代理を注釈してください。これでこそ、データ要求の間違いが起こらないと思います。
以上のこの解決方法は、vueプロジェクトのパッケージ上のサーバに表示されます。エラーが発生していない問題は、小編集が皆さんに共有している内容です。参考にしていただければ幸いです。どうぞよろしくお願いします。
2、運行して、現地で運行しても大丈夫です。そしてサーバーを包装して、404のエラーに遭遇しました。次のように。
これはwebpack包装の結果です。解決方法は以下の通りです。
1、buildフォルダの下のutils.jsファイルを修正して、約51行に追加します。
publicPath:"../../"
if (options.extract) {
return ExtractTextPlugin.extract({
use: loaders,
fallback: 'vue-style-loader',
publicPath:"../../"
})
} else {
return ['vue-style-loader'].concat(loaders)
}
}
2、configでindex.jsファイルを修正する
cssSourceMap: true cssSourceMap: false
productionSourceMap: true productionSourceMap: false,
productionGzip: true, productionGzip: false,
包装し直します補充知識:vueプロジェクトは包装してからデータを要求できない問題です。なぜ私達はvueプロジェクトを開発する時に逆代理を配置する必要がありますか?
この時は逆代理でクロスドメインの問題を解決してくれる必要がありますが、一部の開発者はプロジェクトを開発した時、直接包装します。
直接包装すると問題が発生します。データを要求できないのは、私達が包装した後のプロジェクトはドメインを越えることが全然ないからです。
包装が終わったら、地元のポートを使わないと、ドメインを越えることができません。だから、包装する前に先に私達の逆代理を注釈してください。これでこそ、データ要求の間違いが起こらないと思います。
以上のこの解決方法は、vueプロジェクトのパッケージ上のサーバに表示されます。エラーが発生していない問題は、小編集が皆さんに共有している内容です。参考にしていただければ幸いです。どうぞよろしくお願いします。