一如既往,先上一张图

Node Express 初探

 Express 基于 Node.js 平台,快速、开放、极简的 web 开发框架。 

关于Express更多相关知识请链接至官网http://www.expressjs.com.cn/ 

1、访问本地服务

在指定的目录中创建app.js

 1 //express 
 2 var express = require('express');
 3 //app核心
 4 var app = express();
 5 //get
 6 app.get('/', function (req, res) {
 7   res.send('Node express 初试探....!');
 8 });
 9 //访问端口
10 var server = app.listen(1314, function (req,res,next) {
11   var host = server.address().address;
12   var port = server.address().port;
13   console.log(host);

 node 启动app.js文件,浏览器端输入localhost:1314 即可访问响应内容 Node Express 初探.....

2.实现浏览器端url参数路由跳转

 1 //express
 2 var express = require('express');
 3 var app = express();
 4 
 5 //express.static 设置静态资源(images/js/css等)文件目录
 6 app.use(express.static('public'));
 7 
 8 //get请求 根据url实现路由跳转 
 9 app.get('/index.html', function (req, res) {
10     res.sendFile(__dirname + '/' + 'index.html');
11 });
12 
13 //get请求 根据url实现路由跳转 c
14 app.get('/login.html', function (req, res) {
15     res.sendFile(__dirname + '/' + 'login.html');
16 });
17 //端口
18 var server = app.listen(1314, function () {
19     var host = server.address().address;
20     var port = server.address().port;
21     console.log("实例应用,访问地址为 http://%s:%s", host, port);
22 })

inde.html 主页面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Node Express路由跳转</title>
</head>
<body>
    <p>实现Express路由跳转......</p>
</body>
</html>
View Code

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-01-30
  • 2022-12-23
  • 2022-02-26
  • 2022-01-08
  • 2022-02-06
猜你喜欢
  • 2022-12-23
  • 2022-02-16
  • 2021-07-02
  • 2021-07-02
  • 2022-12-23
  • 2021-08-31
相关资源
相似解决方案