【node】如何在本地新建一个接口（使用express）

前端小高 - 2021-11-10 14:41:55

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后查看