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

39次阅读

共计 1573 个字符,预计需要花费 4 分钟才能阅读完成。

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 指令才会失效哦!!!切记

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

正文完
 0