解决部署vue项目时，提示找不到.woff文件

已于 2023-07-17 16:06:07 修改
阅读量376 收藏
点赞数
分类专栏： vue 文章标签： vue.js
于 2023-07-17 16:05:30 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_56380151/article/details/131768451
版权

1.查看font文件下 .woff文件不是否存在 若不存在 去下载.woff文件即可

2.如果.woff文件存在，可以查看一下iis中MIME类型是否支持.woff，有些服务器是不支持的 需要手动加进去

文件扩展名　　 MIME类型　

.svg　　    image/svg+xml
.woff 　　  application/x-font-woff
.eot 　　   application/vnd.ms-fontobject
.otf　　     application/octet-stream
.ttf 　　     application/octet-stream

AM648
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
python 使用OCR 识别woff字体文件
Alan_山的专栏
05-21 462
解析woff文件，并将woff字体转为图片，并将字体编码与字体图片相对应，便于之后的数据解密解析。做数据获取安**时发现请求返回的数据跟woff字体有关，这里写一个使用OCR识别方法记，使用的是muggle_ocr，当然可以使用其他的图片识别技术。该部分代码仅用于学习使用。
vue 项目打包后，.woff文件找不到
xiaomanonyo的博客
05-29 1051
今天项目打包上线遇到一个问题，打包发布成功之后，.woff类型的字体文件是404，但是文件的路劲是对的，其他后缀的文件也都能加载出来，一开始以为是配置不正确导致的，后来找了半天，是因为服务器配置的原因，我们用的是iis 在这个MIME类型里面，把.woff的后缀加进去就行了。 ...
webpack打包运行vue项目后找不到.ttf及.woff文件，或者路径报错
weixin_28898107的博客
06-11 3656
webpack.base.config 文件中 ,有的人可能在utils.js中 修改前： { test: /\.css$/, use: ExtractTextPlugin.extract({ use: [‘css-loader?minimize‘, ‘autoprefixer-loader‘], fallback: ‘style-loader‘ ...
vue打包之后woff字体不显示
weixin_45670469的博客
03-09 325
vue项目打包之后字体资源不显示 找到 build/utils.js 在cssLoaders函数中查看如下代码 if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, fallback: 'vue-style-loader', publicPath: '../../' //新增的 }) } else { return ['
woff文件 服务器上找不到,字体文件未找到错误：IIS服务器上部署svg/woff/woff2字体 MIMe类型配置...
weixin_36015463的博客
07-31 544
当我们在部署网站的时候可能会遇到这个问题：明明字体文件已经按正确的路径放置了，为什么还提示未找到字体文件？打开字体文件链接也是404错误？其实这主要是服务器出于安全方面的考虑，将一些不在允许范围内的后缀文件自动屏蔽了。IIS默认情况不认SVG，WOFF/WOFF2这几个文件类型，需要添加MIME类才行：远程登录主机，打开IIS，找到网站，右键属性，打开“HTTP头”，找到右下角的“MIME类型…”...
vue打包后elmentUI element-icons.woff 和 element-icons.ttf路径错误
ZYX10077的博客
03-18 5435
vue打包后elmentUI element-icons.woff 和 element-icons.ttf路径错误 在开发中遇到一个头痛的问题，就是打包部署后element-icons文件路径读取错误。正常打包后，elmentUI element-icons.woff 和 element-icons.ttf是会出现在fonts文件夹 部署上去获取的路径是如下图。 错误的原因是css下面是没有这个文件的，这个文件是在fonts文件夹里面，css跟fonts是同级的。 错误的原因是在vue.config.j
docker 部署 nginx 出现woff等字体无法访问 其他静态资源正常访问
qq_22161527的博客
07-27 705
遇到问题 一直在用docker部署nginx，最近部署了一个新的nginx，作为新项目的反向代理，出现字体无法访问的问题，也仅仅是字体无法访问，图片等其他静态文件都可以访问到。前端代码使用的vue，打包后会将图标变成woff等字体文件。 解决思路 查看大佬们的博客，配置nginx的规则、又配置config，重启之后任然有这个问题。 最后把目光放到了版本上，通过讲1.18的版本升级到1.19，还是不行，我去查看以前的版本是1.17，然后改成了1.17就可以了。 总结 本质应该还是字体文件命名被.
vue-cli+webpack项目打包到服务器后,ttf字体找不到的解决操作
11-19
综上所述，当Vue CLI+Webpack项目打包到服务器后出现字体找不到的问题时，主要的解决方法是更新Webpack的配置，特别是`ExtractTextPlugin`和`url-loader`的`publicPath`，确保它指向正确的字体文件位置。同时，对于...
详解Vue+elementUI build打包部署后字体图标丢失问题
11-20
Vue+elementUI build打包部署后字体图标丢失，控制台显示文件element-icons.woff和element-icons.ttf文件404 错误展现： 控制台报错截图 dom渲染展示 解决方法： webpack module配置：(build目录下webpack.base...
Vue elementui字体图标显示问题解决方案
11-19
其次，网上的一些解决方案提到，Maven的过滤器（filter）可能会在处理字体文件时破坏其二进制格式，导致前端无法正确解析。这种情况通常发生在项目被打包并部署到服务器时。不过，根据描述，问题发生于本地环境，还...
vue2商城打包后的文件
最新发布
12-28
Vue2 商城打包后的文件主要包含了前端应用的所有静态资源，这些资源是通过Vue.js的构建工具，通常是Webpack，将源代码编译、优化并打包而成的。Vue2 是一个流行的前端框架，它提供了组件化开发、虚拟DOM、响应式数据...
vue打包后.woff字体文件路径出现找不到问题处理
weixin_43829905的博客
07-19 1382
引入boostrap时 在执行 npm run build 命令打包后，出现 .woff 等字体文件找不到的情况 在utils.js添加代码 return ExtractTextPlugin.extract({ use: loaders, fallback: 'vue-style-loader', publicPath: '../../'...
WOFF格式
weixin_30849591的博客
04-25 1216
WOFF格式WOFF文件格式是用WOFF (Web Open Font Format)创建的网页开放字体格式，Web开放字体格式（Web Open Font Format，简称WOFF）是一种网页所采用的字体格式标准，保存一个压缩的容器中，支持TTF(TrueType)字体和OPT( OpenType)字体， 转载于:https://www.cnblogs.com/xiatc/p/8944385...
WOFF 格式
05-05 1688
WOFF
字体反爬，下载 .woff 文件
木下瞳的博客
08-18 3926
找到源代码里面的 .woff 字体文件，下载下来，下面的代码转换为原来的映射 字体文件是二进制的 from fontTools.ttLib import TTFont def get_cmap(self,font_nums): """ 分析字体所映射的值 :param font_nums: 当前页面获取到的数组 :return: """ nu...
解决加载有.woff页面时，报404错误，找不到.woff文件
flym_的博客
05-01 2503
使用 vue build 之后做网站请求，发现 woff 字体无法获取 打包之后，本地打开，显示资源加载失败 真实路径应该是 http://keliupc.mncats365.com/static/fonts/ionicons.05acfdb.woff 浏览器实际加载路径为： http://keliupc.mncats365.comdist/static/css/static/fonts/ion...
docker部署项目获取不到项目目录下的文件
x_u_xiang的博客
05-09 1413
问题：docker部署springboot项目，获取不到项目目录或者获取到的项目目录不准确，导致resources下的文件也读取不到。linux机器也不能放文件，所以拿不到文件。解决：创建一个临时文件夹，把resources下的文件写到临时目录，然后读取临时目录的数据就可以了。
vue.config.js配置选项
GQDD99的博客
02-18 200
vue.config.js配置选项
nginx部署vue项目后js文件找不到
04-30
对于Vue项目的部署，有时候会出现js文件找不到的问题。 造成js文件找不到问题的原因可能有很多，以下是一些可能的原因和解决办法： 1. Vue项目生成的js文件路径不正确。 解决办法：检查Vue项目的webpack配置文件...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值