1. 程式人生 > >前後端分離用nodejs做seo

前後端分離用nodejs做seo

前後端分離用nodejs做seo

  • 服務器(nodejs):
    a. 要點:
    技術分享圖片
    b. 完整代碼:
    var http = require(‘http‘);
    var fs = require(‘fs‘);
    var url = require(‘url‘);
    http.createServer( function (request, response) {  
    var pathname = url.parse(request.url).pathname;
    console.log("Request for " + pathname + " received.");
    response.writeHead(200, {‘Content-Type‘: ‘text/html‘});  
    fs.readFile(‘./head.html‘,function(e,head){      
      fs.readFile(pathname.substr(1), function (err, data) {
         fs.readFile(‘./foot.html‘,function(e,foot){
            console.log(head.toString())
            console.log(foot.toString())
            response.write("<!DOCTYPE html>");   
            response.write("<html lang=\"en\">");   
            response.write("<head>");   
            response.write("<meta charset=\"UTF-8\">");   
            response.write("<title>標題一</title>");   
            response.write("</head>");   
            response.write(data.toString());    
            response.write(foot.toString());        
            response.end();
         })
      });   
    })
    }).listen(3000);
    console.log(‘Server running at http://127.0.0.1:3000/‘);
  • 前端html:
    a. head.html:
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>標題</title>
    </head>

    b. index.html:

    <body>
    <h1>身體</h1>
    <p>這是一段文字</p>
    </body>

    c. foot.html:

    
    <script>
  • </script>
    </html>

    前後端分離用nodejs做seo