Vue中运行字体中报错Failed to load resource: the server responded with a status of 404 (Not Found)

最新推荐文章于 2025-03-29 17:27:54 发布
最新推荐文章于 2025-03-29 17:27:54 发布
阅读量2k 收藏 1
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Dreamer_Ji/article/details/107458363
版权
本文详细介绍了当使用Bootstrap时遇到的字体无法显示的问题，并提供了有效的解决方案。问题的根源在于node_modules下的bootstrap目录缺失fonts文件夹，通过安装包含fonts文件夹的Bootstrap版本即可解决。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1.检查导入并没有写错
在这里插入图片描述
2.有正常安装cnpm i bootstrap -D
3.有正常导入字体
在这里插入图片描述
综上检查完还是无法进行显示。

原因：

根目录下的node_modules文件下的bootstrap下的dist文件夹没有fonts文件夹。

解决办法：

安装一个有fonts文件夹的bootstrap便可以了。
在这里插入图片描述
在这里插入图片描述

Dreamer_Ji
关注
Failed to load resource: the server responded with a status of 404 (Not Found)
郭宝的博客
08-19 1万+
背景： 在通过 npm run build 对vue项目进行打包时，出现了该错误信息： 解决办法： 提示： 无法加载资源：服务器的响应状态为404（未找到），出现了该错误，那么可以打开项目根目录下的vue.config.js文件，然后将 publicPath: '/', 改为 publicPath: './', 即可 ...
Vue项目：Failed to load resource: the server responded with a status of 404 (Not Found)
qq_52133989的博客
11-18 7464
Failed to load resource
Failed to load resource: the server responded with a status of 404 (Not Found) - Vue
热门推荐
Clearlight's Blog
10-27 15万+
通过服务器打开本地文件时, 练习Vue时无法加载js文件, 控制台报错信息 : Failed to load resource: the server responded with a status of 404 (Not Found) … 意思大概为无法加载资源. 原因分析 这是服务器启动资源的路径, 然而看看本地所调用的js文件路径是? 可想而知, 可以加载的资源为vue_test文件...
【报错问题】Failed to load resource: the server responded with a status of 404
最新发布
weixin_44174312的博客
03-29 3257
若继续遇到问题，可以继续提供详细错误，我帮你继续排查。，说明你没有在请求中指定完整的后端地址。按上述步骤检查和修改后，问题即可解决✅。接口在后端并未正确实现或暴露。检查项目中以下文件是否已经从。检查后端是否已经实现了。
Failed to load resource: the server responded with a status of 404 ()
m0_65377167的博客
06-20 3万+
这个报错信息是指，页面试图加载某一个资源文件（如 CSS、JS 文件等），但服务器返回了 404 错误状态码。这意味着该资源未被找到或不存在。检查文件是否存在：确认该文件是否被移动或者删除，或者从其他地方下载该文件。是正确的，相对路径和绝对路径都需要检查。大小写：确认文件名大小写是否对应。
Vue3报错之 Failed to load resource: the server responded with a status of 404 (Not Found)
m0_68829419的博客
03-22 1993
不知道为什么，重新建立了src组件之后，之前组件运行npm run dev的localhost地址没办法打开新的组件，只能在新的组件里面重新右键在集成终端中打开运行npm run dev，反正问题是解决了，后续有更好的解决办法再来补充。
vue前端报错Failed to load resource: the server responded with a status of 404 (Not Found)
04-12
当你在Vue前端开发中遇到"Failed to load resource: the server responded with a status of 404 (Not Found)"的错误时，这通常表示浏览器无法找到请求的资源。这可能是由于以下几个原因导致的： 1. 资源路径错误：...
vscode运行js报错Failed to load resource: the server responded with a status of 404 (Not Found)
08-19
根据你提供的引用内容，当在VSCode中运行JavaScript代码时出现"Failed to load resource: the server responded with a status of 404 (Not Found)"的错误，可能有两种可能性。 第一种可能是在运行过程中，代码中...
创建vue项目报错Failed to load resource: the server responded with a status of 404 (Not Found)
10-04
创建vue项目报错"Failed to load resource: the server responded with a status of 404 (Not Found)"通常有两种可能的解决方案。一种是修改配置文件中的assetsPublicPath为"./"，另一种是手动下载vue.js文件并在...
控制台报错Failed to load resource: the server responded with a status of 404 (Not Found) favicon.ico文件找不到。
08-21
控制台报错"Failed to load resource: the server responded with a status of 404 (Not Found)"表示浏览器在加载页面时无法找到favicon.ico文件。这个错误可以通过以下两种可能的解决方案来解决。 第一种可能的...
Failed to load resource: the server responded with a status of 404 问题解决方法
weixin_60246228的博客
03-21 8278
在springboot项目测试时，后端明明可以正常工作返回数据。而前端出现“Failed to load resource: the server responded with a status of 404 () index.js:22 error:Error: Request failed with status code 404”该问题的处理方法是，在后端控制器类中“@Controller”没有改成“@RestController”，导致返回的数据无法转化，前端仍然认为后端返回的是页面。
SrpingMVC==>Failed to load resource: the server responded with a status of 404(Not Found)
CommonBorage
06-22 1万+
由于最近公司要开发一个旅游的app，项目中需要使用SpringSecurity，于是自己先搭建了一个SpringMvc框架的web应用，再结合SpringSecurity试试。谁知框架搭建好了，但是在jsp页面导入css、js时候遇到这个问题。第一反应肯定是js、css路径问题，于是各种绝对路径相对路径调试，但是都没有什么作用，还是找不到资源。 早上时候又仔细看了下框架，最后总发现问题所在:那就
[渲染层网络层错误] Failed to load font http://at.alicdn.com/t/c/font_4603083_be6rni8li98.woff2?t=17195636341
weixin_44166849的博客
06-28 2283
这错误原因是：小程序用iconfont 代码的时候报错的。
使用Vue时浏览器后台报错：Failed to load resource: the server responded with a status of 404 (Not Found)
dames的博客
12-29 7901
在IDEA中创建maven工程使用vue修改html中的内容时，访问html页面发现并未修改成功，F12打开后台显示错误：Failed to load resource: the server responded with a status of 404 (Not Found) ，浏览器并未找到vue.js文件！ 原因： （1）maven工程引入vue.js文件后需要对工程进行打包，双击package按钮： （2）由于vue.js文件保存在了静态资源中，检查工程的配置文件springMVC.xml中是否开
用Bootstrap之glyphicons字体图标组件无法显示图片Failed to load resource: the server responded with a status of 404
weixin_42583106的博客
12-13 293
在webpack学习利用url-load下载文字图标发现什么都和老师的一样，就是显示不了图标 后来发现我下载的bootstrap库里竟然没有fonts文件！！！ 百度之后发现是bootstrap版本问题，v4没有，v3有 所以我在终端里运行cnpm i bootstrap@3.3.7 -S下载了v3版本，图标就显示了 ...
Vue项目：Failed to load resource: the server responded with a status of 502
chinaloong1949的博客
01-26 2213
vite+vue3项目，使用npm run dev运行时，localhost访问正常，通过IP地址访问报错ailed to load resource: the server responded with a status of 502。解决方法：检查本地是否开启了代理服务器。
vue cli3 打包后访问不到页面 Failed to load resource: the server responded with a status of 404 (Not Found)
mini_1251861209的博客
01-09 1万+
在根目录下新建文件vue.config.js 配置打包资源路径：默认是“./”，如果没有特殊需求就不要修改 代码如下： const path = require('path') function resolve(dir) { return path.join(__dirname, dir) } module.exports = { publicPath: './static', //这个路径根据自己的情况定，默认就填"./",因为我静态资源的路径必须要在static文件夹下.
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值