ReactJS构建在每个路径的前面都放了一个'/‘，这使得所有的css和图片都无法加载
ReactJS是一个流行的前端开发框架，用于构建用户界面。在ReactJS中，路径前面放置一个'/'是为了确保资源的正确加载。这是因为在ReactJS中，路径前面的'/'表示根路径，即相对于网站的根目录。这样做的好处是可以确保资源的路径是相对于根目录的，而不会受到当前页面路径的影响。
当路径前面放置了'/'时，所有的css和图片资源都可以通过相对于根目录的路径来加载。例如，如果有一个css文件位于根目录下的styles文件夹中，可以使用以下路径来加载它：
<link rel="stylesheet" href="/styles/style.css">同样地，如果有一个图片位于根目录下的images文件夹中，可以使用以下路径来加载它：
<img src="/images/image.jpg" alt="Image">这样做的好处是可以确保资源的路径是固定的，不会受到页面路径的变化而影响。这在开发过程中非常有用，特别是在使用ReactJS的单页面应用程序中。
对于ReactJS开发者来说，可以使用腾讯云的云存储服务 COS（对象存储）来存储和管理静态资源文件，如css和图片。腾讯云的COS提供了高可用性、高可靠性和高扩展性，可以满足各种规模的应用需求。您可以通过以下链接了解更多关于腾讯云COS的信息：
腾讯云COS产品介绍：https://cloud.tencent.com/product/cos
相关·内容
如链接图像中所示， 在运行"npm run build“之后，所有路径都以"/”开头，对于每个单独的图像和css链接都是如此。 只要我去掉"/“，它就会毫无问题地显示出来。为什么它被设置为错误的路径，我如何解决这个问题？因为我不能在文件中找到每一项。 index.html with static paths
浏览 20提问于2020-11-30得票数 0
回答已采纳
1回答
它基本上是一个美化的URL和设置包装器。创建是为了减少实现应用程序中使用的公共端点所需的工作。问题：如何实现测试来处理调用。
目前，我已经尝试直接调用获取方法。这适用于我的登录获取，但任何额外<em
浏览 0提问于2019-12-18得票数 0
回答已采纳
我已经阅读了与Django中的Jinja2模板相关的Stackoverflow上的每个问题，并尝试了所有的答案，仍然没有成功。模板按预期加载，页面在浏览器中显示，只是css加载不起作用。但是如果我在文件的顶部使用普通的{% load static %} Django标签，我会得到一个错误，'load‘是一个无法识别的标签(这是我预期的，
浏览 50提问于2019-11-14得票数 0
回答已采纳
具体来说，我试图在我的网络应用程序中添加一个视频播放器。，它指向不可访问的文件--因为它们在从清单生成的主js & css文件中可用。'bitmovinplayer-core.min.js',但是，在做了这些和预编译之后，我仍然不能转到：
我得去：/assets/bitmovinplayer-core.min-78b8
浏览 3提问于2016-11-17得票数 1
回答已采纳
在通过Linq加载400+图像时，我遇到了问题。为了检索它们，我提取出唯一的ID并将其发送到浏览器。我需要在一个调用中从数据库中加载400+图像。我能否加载映像(而不仅仅是ID，并通过模型解析tne )，以及如何从二进制System.Drawing.Image到-tag中的路径？另一种解决方案是逐个加载图像(并等待图像加载)，然后
浏览 3提问于2011-01-30得票数 0
回答已采纳
对于我们的iPad应用程序，我们有一个特定的外观和感觉，而且我们的大多数控件都有一些与它相关的图像(无论是通过.CS代码还是在IB中分配)。我试过我能想到的一切..。把所有的..。把一切都建在MD..。在IB里干净..。没有什么能帮助我的项目列表从MD同步到IB.移除图像..。再导入MD..。输入IB..。另一个人正在做这个项目，结果就是把图像倒进了这个项目的根部，我不喜欢这个项目
浏览 2提问于2012-02-08得票数 0
回答已采纳
2回答
无法启用事件日志
、、
嗨，我有一个Windows2012Server，想做一些事件日志记录。所有东西都变灰了，日志路径不可用(这是我唯一可以更改的东西，但当我按“ok”键时，它不会保存)我一直在看GPO和注册，但找不到任何相关的。如何启用服务器上的日志记录？
另一件奇怪的事情是，还有许多其他应用程序显示在“应
浏览 0提问于2018-05-09得票数 3
经过几个小时的尝试和阅读一些教程，我无法修复以下问题:我有一个远程服务器运行一个git存储库。从eclipse (new.2和egit)开始，我将几个maven项目推到了这个存储库中，每个项目都有自己的pom.xml。当我的一个朋友，他想共同开发，尝试设置他的环境，也使用EclipseNeon.2和egit时，我们无法在Package中复制设置。我们得到了所<em
浏览 5提问于2017-03-14得票数 0
所有的属性文件基本上与下面的相同，我只是在代码中使用System.setProperty(" file.name“)设置了System.setProperty。没有必要，但我只是在尝试为所有组件使用一个属性文件的想法。也就是说，我不能使用单独的配置。
我知道的替代方案是:将log4j放到每个war文件的webapp /lib目录中，这样我就可以为每个webapp获得一个单独的配置。将上面的&quo
浏览 3提问于2010-08-23得票数 3
这很好用，我还有一个下一个箭头和一个上一个箭头，这是人们在图像旋转器周围移动的另一种方式。当他们使用这些控件绕着旋转器前进时，我很难得到正确的文本来显示。我的想法是，我可以为每个特定的图像使用一个if语句，来说明它是否具有A的id和.round-in-focus的类，然后显示A的特定文本。由于某些原因，这不起作
浏览 2提问于2010-09-02得票数 3
1回答
file=file.pdf
这很好用。但我有一些不同的要求。我的项目中的要求是，我需要在单个页面上有类似于选项卡的功能。每个选项卡包含一个pdf文件。因此，我正在考虑将viewer.js中的所有代码都变成一个大函数。这样我就可以用它作为构造函数来呈现每个pdf文件。然后，我将所有必需的和依赖的文件从示例复制到我的项目的文件夹中，
浏览 18提问于2015-05-29得票数 9
回答已采纳
这是 MSDN文章的摘录：
CLR2.0、3.0和3.5的.NET框架版本都是使用相同版本的CLR2.0构建的。这些版本表示单个安装的连续层。每个版本都是在早期版本的基础上逐步构建的。不可能在计算机上同时运行2.0、3.0和3.5版本。3.0或3.5将无法在版本4或更高版本上工作。从.NET框架4开始，您可以使用进程内并行托
浏览 2提问于2014-06-18得票数 1
2回答
我在appache web服务器的"wHazLog“文件夹中的PHP主页(wHazLog.php)中设置了MVC类型。我把我所有的.php、.css、.js、.html (模板)文件都放在一个"inc“子文件夹中。登录和只使用表单提交在页面之间传递数据
浏览 4提问于2015-09-10得票数 1
2回答
所以我得到了一些css，一些图片，字体和javascript文件与插件。实际上，我想尝试一下语义ui。我已经用鲍尔下载过了。我对语义
浏览 0提问于2015-02-07得票数 5
2回答
我使用的是Xcode和Swift。是否有可能创建您自己的网页(最好是免费的，如wordpress)来加载图片/内容？我该怎么做？这能解决我的应用程序当前内存(RAM)问题吗？我的问题(更多细节)
我已经创建了一个应用程序，它可以加载数百张图片供用户查看。每幅图片都是包含有关图像的重要信息的
浏览 1提问于2016-10-23得票数 0
回答已采纳
webpack正在寻找错误目录中的样式加载程序和css-加载程序，所以我的构建没有完成。有没有办法改变这里显示的任何与webpack一起部署的文件？详细信息Windows 10家庭-64，最新/带有AMD A6的东芝卫星相关文件和目录结构
C:\Dev\example\example.js另外，我想突出指出css</em
浏览 1提问于2016-09-11得票数 1
回答已采纳
4回答
角-意外标记<
、、、
我已经分别用angular-cli和express命令行设置了一个角和表达式应用程序。SyntaxError: Unexpected token < vendor.js:1这是我的server.jsscript type="text/javascript" src="main.js"></script>
<
浏览 0提问于2018-08-26得票数 7
回答已采纳
我刚刚开始学习ReactJS (只了解HTML/CSS/js的基本知识)，我想要构建一个站点，它从一个包含图像源、标题、描述和href的JSON文件中动态创建图片。，到目前为止，我的计划，，我做了一个app.js，我可以从npm开始，如下所示。我创建了一个容器，我打算用它来保存所有的图片。我相信目前我有三个主要的问题(
浏览 1提问于2018-06-17得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
