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.js6. 浏览器打开服务
http://localhost:3000/user7. 应用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();