04. router【路由SPA】

04. router【路由SPA】

1.路由的概念

1.路由是单页面web切换

2.前端简易路由

    首页
    登录
    注册
    

    

3.后端路由

const http = require('http');       //1.引入http传输解析等三个模块
const fs = require('fs');                       //fs文件读取模块
const url =require('url');                  //数据请求模块

http.createServer((req, res) => {                       //2.开启服务器
    res.writeHead(200, {                                        //4.设置请求头，防止乱码
        'Content-Type': 'text/html;charset=utf-8'
    });
    switch (req.url) {                          //5.获取当前地址栏的路径
        
        case '/index':                          //6.判断如果是index，就读取index文件
            fs.readFile('index.html', (err, data) => {
                if(err){
                    console.log(err);
                }
                res.end(data);
            });
            break;
        
        case '/login':
            fs.readFile('login.html', (err, data) => {
                if(err){
                    console.log(err);
                }
                res.end(data);
            });
            break;
        
        case '/registry':
            fs.readFile('registry.html', (err, data) => {
                if(err){
                    console.log(err);
                }
                res.end(data);
            });
            break;
        
        default:
            fs.readFile('err.html', (err, data) => {
                res.end(data);
            });
    }
}).listen(8080);        //3.监听端口
console.log('服务已经开启');