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を解決した後、資源ファイルが見つからない問題は、小編集が皆さんに提供したすべての内容です。参考にしていただければと思います。どうぞよろしくお願いします。