gpt4 book ai didi

javascript - ExpressJS 应用程序中的 CSS 和 JS 文件出现 404 错误

转载 作者:太空宇宙 更新时间:2023-11-04 03:31:17 25 4
gpt4 key购买 nike

我是客户端编程新手,正在构建一个 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

最佳答案

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

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

然后像这样定义没有公共(public)路径的源

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

关于javascript - ExpressJS 应用程序中的 CSS 和 JS 文件出现 404 错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37360873/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com