vueプロジェクトのbuildを解決した後、リソースファイルが見つからない問題。
静的資源失効の問題を解決する。
これは私達のconfigのindex.jsを修正する必要があります。デフォルトのbuildの中の部分はこうです。
ルートページでmode:'history'を見つけました。
補足の知識:vueはbuildとconfigファイルに関してすでに修正しましたが、包装後の写真はまだ見つけられません。
最初に見つけた写真はロードできますが、できないものがあります。その後、buildとconfigファイルの配置を見に行きます。
全部okです。
それを見に行くと、ロードできないものと比較してみましたが、ロードできないものは全部パスをjsに書いて、変数の方式で書いています。最後の解決方法は以下の通りです。
//require形式で画像を導入する
url:require('./././static/xx.png')
そして包んで大丈夫です。
後に追加します。background属性は画像を導入すると、行内要素で導入しても画像の経路が見つからない場合、解決方法はstyleに書いて、類名で導入します。
まとめてみます。vueの中の引用画像は包装後も正常に使用できる正しい引用方法です。
html内:対向経路でcrcを導入する;
css:styleはbackground属性を背景画像として導入します。類名で導入する必要があります。行内パターンは有効ではないかもしれません。
js:require('…/url')で導入し、変数を付与する。
以上のvueプロジェクトのbuildを解決した後、資源ファイルが見つからない問題は、小編集が皆さんに提供したすべての内容です。参考にしていただければと思います。どうぞよろしくお願いします。
これは私達のconfigのindex.jsを修正する必要があります。デフォルトのbuildの中の部分はこうです。
build: {
// Template for index.html
index: path.resolve(__dirname, '../dist/index.html'),
// Paths
assetsRoot: path.resolve(__dirname, '../dist'),
assetsSubDirectory: 'static',
assetsPublicPath: '/',
修正後のものはこのようにするべきです。
build: {
// Template for index.html
index: path.resolve(__dirname, '../dist/index.html'),
// Paths
assetsRoot: path.resolve(__dirname, '../dist'),
assetsSubDirectory: 'static',
assetsPublicPath: './',
しかし、このようにしてリソースファイルが正常に見つかりますが、ページはまだ白画面状態です。ルートページでmode:'history'を見つけました。
export default new Router({
mode: 'history',
routes: [
mode:'history'を削除し、buildを行っています。
export default new Router({
// mode: 'history',
routes: [
仲間たちは、いいところを見つけましたか?補足の知識:vueはbuildとconfigファイルに関してすでに修正しましたが、包装後の写真はまだ見つけられません。
最初に見つけた写真はロードできますが、できないものがあります。その後、buildとconfigファイルの配置を見に行きます。
全部okです。
それを見に行くと、ロードできないものと比較してみましたが、ロードできないものは全部パスをjsに書いて、変数の方式で書いています。最後の解決方法は以下の通りです。
//require形式で画像を導入する
url:require('./././static/xx.png')
そして包んで大丈夫です。
後に追加します。background属性は画像を導入すると、行内要素で導入しても画像の経路が見つからない場合、解決方法はstyleに書いて、類名で導入します。
まとめてみます。vueの中の引用画像は包装後も正常に使用できる正しい引用方法です。
html内:対向経路でcrcを導入する;
css:styleはbackground属性を背景画像として導入します。類名で導入する必要があります。行内パターンは有効ではないかもしれません。
js:require('…/url')で導入し、変数を付与する。
以上のvueプロジェクトのbuildを解決した後、資源ファイルが見つからない問題は、小編集が皆さんに提供したすべての内容です。参考にしていただければと思います。どうぞよろしくお願いします。