• nodejs02


    Node.js没有根目录的概念,因为它根本没有任何的web容器!
    让node.js提供一个静态服务,都非常难!
    也就是说,node.js中,如果看见一个网址是
    1127.0.0.1:3000/fang
    别再去想,一定有一个文件夹,叫做fang了。可能/fang的物理文件,是同目录的test.html
    URL和真实物理文件,是没有关系的。URL是通过了Node的顶层路由设计,呈递某一个静态文件的。

    02.js

    //require表示引包,引包就是引用自己的一个特殊功能
    var http = require("http");
    var fs = require("fs");
    
    //创建服务器,参数是一个回调函数,表示如果有请求进来,要做什么
    var server = http.createServer(function(req,res){
        if(req.url == "/fang"){
            fs.readFile("./test/xixi.html",function(err,data){
                //req表示请求,request;  res表示响应,response
                //设置HTTP头部,状态码是200,文件类型是html,字符集是utf8
                res.writeHead(200,{"Content-type":"text/html;charset=UTF-8"});
                res.end(data);
            });
        }else if(req.url == "/yuan"){
            fs.readFile("./test/haha.html",function(err,data){
                //req表示请求,request;  res表示响应,response
                //设置HTTP头部,状态码是200,文件类型是html,字符集是utf8
                res.writeHead(200,{"Content-type":"text/html;charset=UTF-8"});
                res.end(data);
            });
        }else if(req.url == "/0.jpg"){//请求html页面里面的内容也要自己写路由路径
            fs.readFile("./test/0.jpg",function(err,data){
                //req表示请求,request;  res表示响应,response
                //设置HTTP头部,状态码是200,文件类型是html,字符集是utf8
                res.writeHead(200,{"Content-type":"image/jpg"});
                res.end(data);
            });
        }else if(req.url == "/bbbbbb.css"){//请求html页面里面的内容也要自己写路由路径
            fs.readFile("./test/aaaaaa.css",function(err,data){
                //req表示请求,request;  res表示响应,response
                //设置HTTP头部,状态码是200,文件类型是html,字符集是utf8
                res.writeHead(200,{"Content-type":"text/css"});
                res.end(data);
            });
        }else{
            res.writeHead(404,{"Content-type":"text/html;charset=UTF-8"});
            res.end("嘻嘻,没有这个页面呦");
        }
    });
    
    //运行服务器,监听3000端口(端口号可以任改)
    server.listen(3000,"127.0.0.1");

    xixi.html

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            div{
                width: 200px;
                height: 200px;
                background: red;
            }
        </style>
    </head>
    <body>
        <div></div>
    </body>
    </html>

    haha.html

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            div{
                width: 200px;
                height: 200px;
                background: green;
                border-radius: 50%;
            }
        </style>
        <link rel="stylesheet" type="text/css" href="bbbbbb.css" />
    </head>
    <body>
        <img src="0.jpg" alt="">
        <div></div>
    </body>
    </html>
  • 相关阅读:
    linux开发中常用的命令及技巧(连载)
    使用CCS调试基于AM335X的SPL、Uboot(原创)
    [C语言]变量的声明和定义有什么区别
    C语言中void*详解及应用
    使用中断处理程序实现loop功能
    原码,反码,补码的深入理解与原理
    关于C和C++不同源文件中重名变量的问题(转)
    const extern static 终极指南(转)
    函数调用栈分析
    16位和32位的80X86汇编语言的区别(转)
  • 原文地址:https://www.cnblogs.com/yaowen/p/7027785.html
Copyright © 2020-2023  润新知