模板引擎项目：CSS路由异常与计算器POST请求报错求助

一、静态资源（CSS/图片）加载失败问题 #

问题原因 #

1. CSS路径错误：你写的/src/public/css是文件夹路径，不是具体CSS文件的路径，服务器无法直接返回整个文件夹的内容。
2. 未配置静态资源托管：Node.js框架（比如Express）默认不会暴露本地文件目录，必须手动配置静态资源托管，否则/src/public/这类路径无法被服务器识别。

解决步骤 #

1. 修正文件路径：
   假设你的CSS文件实际路径是src/public/css/style.css，把HTML里的CSS链接改成具体文件路径：

   <link rel="stylesheet" href="/css/style.css">
   

   图片路径也同步简化：

   <img src="/wall.jpg" alt="wallpic">
   <style>
     body {
       background-image: url("/wall.jpg");
     }
     /* 其他原有样式 */
   </style>
   

2. 配置静态资源托管：
   在项目主入口文件（如app.js/server.js）中添加以下代码（以Express框架为例）：

   const express = require('express');
   const app = express();
   // 将src/public文件夹设为静态资源目录
   app.use(express.static('src/public'));
   

   配置后，服务器会自动把src/public下的文件映射到网站根路径，比如访问/css/style.css就对应本地的src/public/css/style.css。

二、"Cannot POST /math"错误问题 #

问题原因 #

你的controller里已经定义了postMath处理方法，但路由配置中没有把POST请求的/math路径和这个方法绑定，导致服务器找不到对应的处理逻辑。

解决步骤 #

1. 补全POST路由配置：
   找到你的路由文件（比如routes/math.js或routes/index.js），添加POST路由的映射：

   const express = require('express');
   const router = express.Router();
   // 导入你的controller模块
   const mathController = require('../controller/mathController')();
   
   // GET请求加载计算器页面
   router.get('/math', mathController.getMath);
   // 新增POST路由处理计算请求
   router.post('/math', mathController.postMath);
   
   module.exports = router;
   

2. 添加表单数据解析中间件：
   要获取POST请求的表单数据，必须在主入口文件中添加解析中间件：

   // 解析urlencoded格式的表单数据
   app.use(express.urlencoded({ extended: true }));
   

   这样req.body才能正确读取到表单提交的Num1Input、Num2Input等参数。

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