使用express 框架使用node

1.创建文件夹并打开

mkdir myapp  cd myapp

2. npm init 命令为你的应用创建一个 package.json 文件

　　此命令将要求你输入几个参数，例如此应用的名称和版本。你可以直接按“回车”键接受大部分默认设置即可，下面这个除外：

　entry point: (index.js)   //输入你要起的js文件名称如server.js  默认index.js

3. 安装 Express 并将其保存到依赖列表中。如下：

　　$ npm install express --save

4.创建server.js 输入如下

let express= require("express");
let app=express();
//解决跨域
app.all('*',function (req, res, next) {
    res.header('Access-Control-Allow-Origin', '*');
    res.header('Access-Control-Allow-Headers', 'Content-Type, Content-Length, Authorization, Accept, X-Requested-With');
    res.header('Access-Control-Allow-Methods', 'PUT, POST, GET, DELETE, OPTIONS');
    if (req.method == 'OPTIONS') {
      res.send(200);
    }
    else {
      next();
    }
  });
app.listen(3000,()=>{
    console.log("server port 3000")
});
app.get('/user',(req,res)=>{
    let obj={name:"user",code:200,msg:"返回消息"};
    res.json(obj);
});

5.启动node

node server.js

6. 浏览器打开服务

http://localhost:3000/user

7. 应用demo

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="dist/bundle.js"></script>
</head>
<body>
    和
    <div id="box"></div> 

</body>
</html>

bundle.js

var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://172.25.189.33:3000/user');
xhr.onload = function () {
    console.log(xhr.response);
    document.getElementById("box").innerHTML = xhr.response;
}
xhr.send();