1. 程式人生 > >vue 動態設定img的src地址無效,npm run build 後找不到檔案

vue 動態設定img的src地址無效,npm run build 後找不到檔案

動態設定img的src屬性無效,而直接寫可以

解決辦法:

imgSrc寫成require('path');


原因:

動態新增src被當做靜態資源處理了,沒有進行編譯

npm run build 後出現 xxxxxxx net::ERR_FILE_NOT_FOUND


解決辦法:

    進入:build資料夾 > 開啟 webpack.prod.conf.js

    找到:output 物件

    新增:publicPath:‘./’

    具體寫法:    publicPath: process.env.NODE_ENV === 'production'
                          ? './' +config.build.assetsPublicPath
                          : './' + config.dev.assetsPublicPath