Javascript 加载外部脚本时加载资源失败错误
我正试图将外部脚本从文件夹加载到我的Javascript 加载外部脚本时加载资源失败错误,javascript,html,css,Javascript,Html,Css,我正试图将外部脚本从文件夹加载到我的createnew.html文件中,我不断收到此错误,表示找不到它: 加载资源失败:服务器响应状态为404(未找到) 我正在尝试将脚本加载到我的代码的头部,如下所示: <head> <!--C3 CSS script--> <link href="./scripts/c3.css" rel="stylesheet" type="text/css"> <!--C3 JS script-->
createnew.html
文件中,我不断收到此错误,表示找不到它:
加载资源失败:服务器响应状态为404(未找到)
我正在尝试将脚本加载到我的代码的头部
,如下所示:
<head>
<!--C3 CSS script-->
<link href="./scripts/c3.css" rel="stylesheet" type="text/css">
<!--C3 JS script-->
<script src="./scripts/c3.min.js"></script>
</head>
->public
->views
-createnew.html
->scripts
-c3.css
-c3.min.js
- server.js
-> MyWebsite(folder)
- index.html
-> js(folder)
- myscript.js
请帮助我理解为什么这不起作用
由于这个问题比预期的更受欢迎,我决定为其他有问题的人指出正确的方向:
假设您已按如下方式组织了文件:
<head>
<!--C3 CSS script-->
<link href="./scripts/c3.css" rel="stylesheet" type="text/css">
<!--C3 JS script-->
<script src="./scripts/c3.min.js"></script>
</head>
->public
->views
-createnew.html
->scripts
-c3.css
-c3.min.js
- server.js
-> MyWebsite(folder)
- index.html
-> js(folder)
- myscript.js
您使用的路径是相对于您所在的“工作目录”的
index.html
文件到脚本的相对路径。在本例中,它将是/js/myscript.js
app.use(express.static('./MyWebsite'))
,您的js文件将被/js/myscript.js
/
而不是/
,因为/
实际上只是服务器托管的文件的URL的一部分,而/
特定于文件系统。更改
"./scripts/c3.css"
到
改变
到
您可以参考有关HTML中文件的相对路径的信息。
要引用当前文件夹,
/
仅在非严格doctype模式下工作,而
在两种模式下都工作。
因此,您可以尝试“scripts/c3.css”
而不是“/scripts/c3.css”
您可以参考有关HTML中文件的相对路径的信息。
要引用当前文件夹,
/
仅在非严格doctype模式下工作,而
在两种模式下都工作。
因此,您可以尝试
“scripts/c3.css”
而不是“/scripts/c3.css”
尝试“/scripts/c3…”或“/views/scripts/c3…”Dandavi是最后一个有效的方法,您介意解释一下为什么吗?完整的url路径通常更适合从多个页面使用,因为它在任何地方都是相同的路径。它之所以奏效,是因为它指向了正确的道路。很难解读你的“ascii艺术”文件夹列表,但我猜你只是一个文件夹关闭了或什么的…试试“/scripts/c3…”或“/views/scripts/c3…”dandavis最后一个有效,你介意解释一下为什么吗?完整的url路径通常更适合从多个页面使用,因为它在任何地方都是相同的路径。它之所以奏效,是因为它指向了正确的道路。很难解读你的“ascii艺术”文件夹列表,但我猜你只是一个文件夹关闭或什么的。。。