Question

我是网络开发的新手，我正在使用express来尝试node.js.

我有以下目录结构：

第一个应用
----的 node_modules
---- 公开
--------的脚本
------------ additems.js
----的视图
-------- home.ejs
---- app.js

粗体是文件夹，斜体是文件。

这是additem.js文件：

console.log("js connected");
alert("test");

这是home.ejs文件：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Test Node</title>
</head>

<body>

<h1>Dynamic Page</h1>
<p></p>

<ol id='olist'>Names List</ol>

<script type="text/javascript" src="../public/scripts/additems.js"></script>
<!-- <script type="text/javascript" src="/public/scripts/additems.js"></script>
<script type="text/javascript" src="/scripts/additems.js"></script>
<script type="text/javascript" src="/additems.js"></script>
<script type="text/javascript" src="additems.js"></script>
<script type="text/javascript" src="public/scripts/additems.js"></script> -->

<p>After Script tag</p>

</body>
</html>

这是app.js文件：

var express = require('express');
var app = express();

console.log("Server has been started!");

//app.use(express.static(__dirname + "/public"));

app.get("/", function(req,res){
    //res.send("Home Page");
     res.render("home.ejs");

 })

我可以看到服务器可以运行并显示home.ejs，但没有迹象表明additem.js甚至可以触及。

我错过了什么？

注意：我尝试了不同的脚本路径，并尝试app.js中的app.use没有运气，我也花了相当多的时间搜索网络，我发现类似的例子似乎没有问题。

输出：

控制台：服务器已经启动了！

浏览器:( 无警报）

更新1 ：我尝试了../，但它也没有用。在chrome控制台中，我可以看到这个错误： (X) Failed to load resource: the server responded with a status of 404 (Not Found)但是在..\之后，错误是： (X) GET http://localhost:3000/public/scripts/additems.js net::ERR_ABORTED

Answer 1

从公共目录提供静态文件：

app.use(express.static(__dirname + "public"));

然后，public现在将成为从浏览器访问这些文件时的根目录。

换句话说，公众将 /

所以访问additems.js

<script type="text/javascript" src='/scripts/additems.js'></script>

无法弄清楚如何访问js文件

1 个答案: