121  
查询码:00000214
vue项目打包字体引用路径报错
来源:https://blog.csdn.net/weixin_34387284/article/details/88217987
作者: 陈婉 于 2020年03月04日 发布在分类 / 人防组 / 人防前端 下,并于 2020年03月04日 编辑
vue 打包 字体 路径

vue项目打包发布发现图标不见了,F12一看 打包后字体引用路径报错


字体文件放在static/fonts目录下,但是浏览器中显示的引用路径是:

static/css/static/fonts/...

在项目build/utils.js文件中,找到

ExtractTextPlugin.extract({
  use: loaders,
  fallback: 'vue-style-loader' }) 复制代码

改为:

ExtractTextPlugin.extract({
  use: loaders,
  fallback: 'vue-style-loader',
  publicPath: '../../' }) 复制代码


 推荐知识

 历史版本

修改日期 修改人 备注
2020-03-04 11:27:38[当前版本] 陈婉 格式调整
2020-03-04 11:27:05 陈婉 格式调整
2020-03-04 11:25:22 陈婉 创建版本

  目录
    知识分享平台 -V 4.8.7 -wcp