node + ts + express + axios 搭建后台项目，开启 API 接口服务方法

① 创建文件夹“nodeDemo”

在本地新建一个文件夹，用来存放项目，可以设置一个项目内容相关好记的名称

② 执行命令 “npm init -y” - - - 创建 “pakage.json” 文件

“npm init -y” 可以一步创建好 “pakage.json” 文件，
“npm init” 也可以创建 “pakage.json” 文件，但是需要根据提示，一步一步输入信息来创建完成

可根据所需选择创建方式

③ 依次执行命令：

“npm i ts-node -g” - - - 安装 ts-node ，已经安装过的话不用执行这句命令
“npm i @types/node -D” - - - 安装 node 声明文件
“npm i express -S” - - - 安装 express
“npm i @types/express -D” - - - 安装 express 声明文件
“npm i axios -S” - - - 安装 axios

④ 新建 “index.ts” 文件

a. 导入express，axios

import express, {
    
    Express, Router, Request, Response} from 'express'
import axios from 'axios'

b. 创建 express 服务

const app:Express = express()

c. 创建 router 并挂载到服务

const router:Router = express.Router()

app.use('/api', router)

d. 设置路由请求接口数据

router.get('/api/list',async (req:Request, res:Response) => {
    
    
  const result = await axios.get('线上接口地址')
  res.json({
    
    
    data: result.data
  })
})

e. 开启服务监听

app.listen(666, () => {
    
    
  console.log('success server http://localhost:666');
})

index.ts 完整代码如下：

import express, {
    
    Express, Router, Request, Response} from 'express'
import axios from 'axios'

const app:Express = express()

const router:Router = express.Router()

app.use('/api', router)

router.get('/api/list',async (req:Request, res:Response) => {
    
    
  const result = await axios.get('线上接口地址')
  res.json({
    
    
    data: result.data
  })
})

app.listen(666, () => {
    
    
  console.log('success server http://localhost:666');
})

⑤ 配置 “package.json” 文件，添加启动服务命令

"scripts": {
    
    
    "dev": "ts-node index.ts"
  },

如图所示：
在这里插入图片描述

⑥ 命令行输入 “npm run dev”，启动服务

启动成功后，出现如下图所示提示：
在这里插入图片描述

⑦ 访问接口：可以在 “postman” 中输入接口地址，测试接口请求

eg: ‘http://localhost:3333/api/list’