开发者课程【Node.js 入门与实战:根据用户不同请求返回不同html文件(带图片)】学习笔记,与课程紧密联系,让用户快速学习知识
课程地址:https://developer.aliyun.com/learning/course/588/detail/8263
根据用户不同请求返回不同 html 文件(带CSS)
目录:
一、 建立 CSS
二、 修改内容
一、 建立CSS
建立一个文件夹 CSS
Index.css
Body{
Background-color: blue; //背景色
Color:red;//文字颜色
}
打开index.html
< ! DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href=”../css/index.css”> //从htmls跳到css目录下
<title>Hello Index</title>
< / head>
<body>
<h1 style="color: red; " >Hello Index</h1>
<h1>你好首页!!!看乱码吗? </h1>
<img src=".. /images/index.png" alt="index图片">
</ body>
< /html>
重启服务,再次访问这个页面,那个 css 会不会应用,刷新之后并没有 css 出现,查看网络请求,网络请求里点击回车,index 发起请求,index.css也发起请求,
css 返回的还是错误页,原因是在请求 index.css 的时候返回的 index,然后又发请求,服务器当中,并没有 index 目录下的 index.css这个,这个请求服务器并没有处理.
二、修改内容
修改:
}else if (req.url === '/css/index.css'){
fs.readFile(path.join(__dirname, 'css', 'index.css'),function (err, data)
{if (err) {
throw err;
}
res.setHeader( ' Content-Type', 'text/css');
//把读取到的index.html 中的内容直接发送给浏览器
res.end(data);
});
因为改了服务器代码,就得重启一下服务器,代码生效,如下图,
假如现在访问淘宝页面,带了更多的请求,难道要写一堆的 index 来判断吗?并不是一个好的做法。