Question

我是客户端编程的新手，构建了一个nodeJS express示例应用程序，但是加载脚本和CSS时出现404错误。

请找到以下wolder结构： Folder structure

HTML页面如下：

<head>
<meta charset="UTF-8">
<title>Favorite Book</title>
<link rel="stylesheet" href="../public/css/main.css" type="text/css"/>
<script type="text/javascript" src="../public/libs/js/angular.min.js"></script>
<script type="text/javascript" src="../public/libs/js/angular-route.min.js"></script>
<script type="text/javascript" src="../public/libs/js/jquery-1.12.2.min.js"></script>
<script src="../public/libs/js/script.js"></script>

从浏览器获取脚本错误如下：

获取http://localhost:3000/public/libs/js/script.js

Answer 1

你应该在app.js中设置静态路径

app.use(express.static(path.join(__dirname, 'public')));

然后在没有像这样的公共路径的情况下定义来源

<link rel="stylesheet" href="/css/main.css" type="text/css"/>

在ExpressJS应用程序中获取CSS和JS文件的404错误

1 个答案: