項目打包部署後icon圖標不顯示 ,控制檯顯示 element-icons.woff和element-icons.ttf文件找不到
解決方案:
修改build目錄下文件utils.js
添加 publicPath: '../../'
if (options.extract) {
return ExtractTextPlugin.extract({
use: loaders,
fallback: 'vue-style-loader',
publicPath: '../../' //解決ele小圖標出不來問題
})
} else {
return ['vue-style-loader'].concat(loaders)
}
打包完以後路徑不對了,加載文件,圖片不出來
解決辦法:找到config裏面的index.js,加入assetsPublicPath: './',
build: {
// Template for index.html
index: path.resolve(__dirname, '../dist/index.html'),
// Paths
assetsRoot: path.resolve(__dirname, '../dist'),
assetsSubDirectory: 'static',
assetsPublicPath: './', //解決打包完路徑不對的問題