Question

这是我的第一个问题，在Stack OverFlow中。我正在使用React和React-Router，但我在Chrome上遇到了下一个错误：

-c:a copy

路线是：GET http://localhost:3000/alumno/src/fonts/awesome/css/font-awesome.css

如果路线是：http://localhost:3000/alumno/inicio;我没有任何问题，所有源正确加载，当我在localhost（http://localhost:3000/inicio）之后有多个子节点时出现问题。我的文件结构是：Folder_PUBLIC＆gt; （Index.html; Index.js Folder_SRC＆gt;（我所有的srcs））。我看到总是试图从最后一个孩子加载来源。所以这个文件夹不存在。它可以从我在Index.html上定义的root /来加载源代码。我告诉你我的文件：

INDEX.HTML

http://localhost:3000/XXX/YYY

WEBPACK.CONFIF.JS

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes"/>
    <link rel="icon" type="image/ico" href="./src/images/icono.ico"/>
    <title>Universidad Politécnica de Cartagena</title>
    <link rel="stylesheet" type="text/css" href="./src/fonts/awesome/css/font-awesome.css"/>
    <link rel="stylesheet" type="text/css" href="./src/css/bootstrap.css"/>
    <link rel="stylesheet" type="text/css" href="./src/css/select2.css"/>
    <link rel="stylesheet" type="text/css" href="./src/css/index.css"/>
</head>
<body>
    <div id="idRoot" class="container"></div>
    <script type="text/javascript" src="./src/js/jquery.js"></script>
    <script type="text/javascript" src="./src/js/bootstrap.js"></script>
    <script type="text/javascript" src="./src/js/select2.js"></script>
    <script src="./index.js"></script>
</body>
</html>

}

My Bootstrap，jQuery，...是纯粹的，我不会在React上导入它而我不使用React-Bootstrap等。

谢谢你。

Answer 1

指向静态资源（CSS和JS）的链接都与当前页面的URL相关。通过使URL绝对来修复它 - 只需删除开头的点：

<link rel="stylesheet" type="text/css" href="/src/fonts/awesome/css/font-awesome.css"/>

React-Router ^ 2.4.0错误。亲戚路线找不到元素

1 个答案: