vue3.0之 起一个后端接口服务

vue3.0之 ts-node的使用

前提准备 下载（TsNode文件内）

• 下载：
  • yarn add ts-node -g
• 作用：
  • 使用ts-node直接运行 ts项目
• 初始化package.json
  • npm init -y
• node的生命文件
  • yarn add @types/node -D
• 安装 express 中间件
  • yarn add express -S
• 安装 express 的生命文件
  • yarn add @types/express -D
• 安装：yarn add axios -S
• 安装：yarn add typescript -g

简单开一个后台服务 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('/list',async (req:Request,res:Response)=>{
    
    
 const result = await axios.post('https://api.inews.qq.com/newsqa/v1/query/inner/publish/modules/list?modules=statisGradeCityDetail,diseaseh5Shelf')
 console.log("result",result);
 res.json({
    
    
   data:result.data 
 })
})

app.listen(9999,()=>{
    
    
  console.log("success server http://localhost:9999");
  
}) // 开一个服务 端口为3333

安装如上面东西之后，配置一下脚本指令

• “dev”: “ts-node index.ts”,
• 运行时：yarn dev

{
    
    
  "dependencies": {
    
    
    "axios": "^0.26.1",
    "express": "^4.17.3",
    "ts-node": "^10.7.0",
    "typescript": "^4.6.2"
  },
  "name": "TsNode",
  "version": "1.0.0",
  "main": "index.js",
  "devDependencies": {
    
    
    "@types/express": "^4.17.13",
    "@types/node": "^17.0.21"
  },
  "scripts": {
    
    
    "dev": "ts-node index.ts",
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "description": ""
}

• 运行之后的效果
  • success server http://localhost:9999

校验一下后台 接口

• 使用 postman 去验证