vue-cli引入bootstrap时候图标不显示

问题描述：

vue-cli项目引入bootstrap的css的时候，样式都正常，但是发现图标无法正常显示，有些特殊字体也无法正常显示，F12查看提示找不到对应的字体文件，再具体一看，发现路径不对，多了static/css。

解决办法：

build->utils.js文件中，找到  vue-style-loader,添加publicPath:'../../'。如下：

再重新打包发布，问题解决！

有时候也可能也会提示找不到woff文件，woff文件是bootstrap的图标字体文件，出现这种问题的时候，修改下build/webpack.base.conf.js文件，如下：

{
        test: /\.(woff2?|woff|eot|ttf|otf)(\?.*)?$/,
        loader: 'url-loader',
        options: {
          limit: 10000,
          name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
        }
}

把woff新增上去即可。

参考文献：

【1】vue cli引入bootstrap 字体路径错误