Node.js Express项目用Live Server渲染目录而非页面求助

核心原因 #

Live Server是静态文件服务器，只能直接加载HTML/CSS/JS这类静态资源，没法解析EJS这种动态模板文件。你的EJS页面需要通过自己写的Express服务器来编译渲染，直接用Live Server打开ejs文件肯定只会显示目录列表。

正确操作步骤 #

1. 安装依赖
   在项目根目录的终端里运行：

npm install express ejs

确保express和ejs包都安装到位。

2. 启动Express服务器
   不要用Live Server打开任何文件，直接在终端运行：

node server.js

你的服务会在3000端口启动。

3. 访问页面
   打开浏览器，输入http://localhost:3000就能看到渲染好的首页，访问http://localhost:3000/login和http://localhost:3000/register对应登录、注册页面。

额外检查：项目结构 #

Express默认会去views文件夹找EJS模板，你的项目结构得是这样：

项目根目录
├── server.js
└── views/
    ├── index.ejs
    ├── login.ejs
    └── register.ejs

如果你的EJS文件不在views文件夹里，要么把文件移过去，要么在server.js里手动指定模板路径，比如：

// 假设你的EJS文件在templates文件夹里
app.set('views', './templates')

内容的提问来源于stack exchange，提问作者mole7