乐趣区

关于node.js:node如何在本地新建一个接口使用express

jiezi

1. 首先先要确认你的电脑上是否有失常装置 node 环境

如何确认？
关上控台台，输出 node -v

node -v

呈现如下截图所示，代表曾经装置 node 环境

如果呈现未找到 node 指令，请自行移步百度，下载并装置一下 node 环境

2. 新建一个文件夹，咱们先默认文件夹名称为 express-demo


接下来，在该文件夹下新增一个 package.json 文件

文件内容如下

{
  "name": "test",
  "version": "1.0.0",
  "description": "","main":"index.js","scripts": {"test":"echo \"Error: no test specified\" && exit 1"},"keywords": [],"author":"",
  "license": "ISC",
  "dependencies": {"express": "^4.17.1"}
}

保留该文件之后，在文件夹根门路下关上控制台，输出 npm i，并按下回车

npm i


短暂期待依赖包装置完之后，你会发现我的项目目录下新增了一个 node_modules 文件夹，代表此时依赖曾经装置胜利

3. 我的项目根门路下新建一个 server.js 文件，文件内容如下

const express = require("express");
const app = express();

// 设置容许跨域拜访
app.all("*", function (req, res, next) {res.header("Access-Control-Allow-Origin", "*");
  res.header("Access-Control-Allow-Credentials", true);
  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");
  res.header("Content-Type", "application/json;charset=utf-8");
  next();});

const data = {
  code: 200,
  data: "hello world",
  msg: "申请胜利",
};

const testApi = "/api/test";

app.get(testApi, (req, res) => {res.send(data);
});

// 配置服务端口
const baseUrl = "192.168.1.9"; // 本机 IP
const port = 8088; // 端口号

app.server = app.listen(port, baseUrl, () => {console.log(`${baseUrl}:${port}${testApi}`);
});

备注，上诉代码内所写的本机 ip 为作者的本机电脑 ip，小伙伴们如果想查看本人电脑的 ip，能够 ctrl+ R 输出 cmd 关上控制台，输出 ipconfig 后查看

ipconfig

ip 地址会呈现这个下图的中的这个中央，复制进去即可

4.server.js 编辑结束后，此时咱们在我的项目根门路下关上控制台，输出 node server.js

node server.js

控制台输入如下提醒，阐明执行胜利

5. 最初咱们关上浏览器，将控制台的输出后果复制到地址栏并拜访

如果你顺利进行到这一步，那么祝贺你新建接口胜利了。

顺带备注一句，后续如果有批改 server.js 文件内容，须要重跑一下 node server.js 指令才会失效哦！！！切记

以上只是举一个简略的例子，后续的改变还是要依照各位的理论需要登程思考。
好了，这回先分享到这吧。

退出移动版