nodejs+express接口全局拦截和环境变量设置

前言:

本例中必须安装的依赖包有:expresscookie-parser(可以没有)

1. 接口全局拦截

  1. 新建一个文件intercept.ts,编写拦截过程
javascript 复制代码
import express from "express";
import cookieParser from 'cookie-parser'

const ssoRouter = express.Router()

ssoRouter.use(cookieParser())

ssoRouter.all('/*', function(req:any, res:any, next:any) {
    let validate_token = req.cookies?.validate_token
    if(validate_token) {
        next()
    } else {
        // do something 可以是重定向等
        res.send()
    }
})

export default ssoRouter

注册一个全局的.all('/*')接口,进行全局拦截。这里面可以写任意你需要进行权限校验、参数校验等的方法。校验正确就会继续执行,校验出现错误就会按照你所设定的方法执行。

  1. 项目启动文件app.ts中引入该文件,并注册到app中
javascript 复制代码
import express from 'express'
const app = express()

import interceptRouter from './router/intercept'

app.use(interceptRouter )

3. 环境变量设置

这里主要指在nodejs后台项目中设置环境变量。设置方法为:在package.json文件中,在script标签中的启动命令后面添加et NODE_ENV=development,如:

javascript 复制代码
{
  "name": "name",
  "version": "1.0.0",
  "description": "",
  "scripts": {
    "dev:live": "set NODE_ENV=development && nodemon ./src/app.ts"
  },
}

运行npm run dev:live命令,环境变量就可以生效。你可以可以设置将NODE_ENV改为其它的值或其它的变量名做尝试。

在nodejs后台项目中,获取环境变量的方法可以通过process.env.NODE_ENV获取。如:

javascript 复制代码
const env = process.env.NODE_ENV as string
const envUrl:Record<string,string> = {
    'production': 'https://xxx.com/#/index',
    'development': 'https://xxx-dev.com/#/index',
    'test': 'https://xxx-sit.com/#/index'
}
let redirectUrl = encodeURIComponent(envUrl[env.trim()])

如上,通过process.env.NODE_ENV获取了环境变量,并赋值给env变量;envUrl中定义了三种环境下的系统访问地址,包括production、development和test;通过encodeURIComponent(envUrl[env.trim()])对系统地址编码。注意:

  • env一定要调用.trim()方法去掉前后空格,我就是因为没有去空格一直从对象种获取不到正确的值,调试了好久...
  • 取到的地址一定要使用encodeURIComponent编码,否则浏览器直接访问会丢掉后面的路径。我也在这里碰到了巨坑~~
相关推荐
liangshanbo12156 天前
Express SSE 流式输出实战:从入门 Demo 到 AI 生产级架构
人工智能·架构·express
GISHUB6 天前
Express + TypeScript + ESM 后端框架示例(@yao-pkg/pkg 打包)
typescript·express
万亿少女的梦1689 天前
基于微信小程序、Express与MongoDB的校园失物招领系统设计
mongodb·微信小程序·node.js·express·系统设计
米码收割机12 天前
SA508-3钢回火焊道焊接温度场数值模拟(模拟图+论文)
spring boot·express·宠物
Pu_Nine_913 天前
Vue3+TS+Express 转 Nuxt4 全栈开发笔记(Drizzle ORM + MySQL)
前端·vue·express·nuxt.js·全栈框架
张人玉17 天前
基于 Vue 3 + ECharts + Express + SQLite 构—— LDA 模型的新闻舆论主题识别与情感分析系统
vue.js·echarts·express
张人玉19 天前
基于 Vue 3 + ECharts + Express + SQLite 的可视化大屏与业务管理系统——YOLOv8 高精度车辆行人检测与计数系统
数据库·vue.js·yolo·sqlite·echarts·express
张人玉20 天前
基于 Vue 3 + ECharts + Express + SQLite 构建的鞋类零售数据分析与毛利预测平台——基于深度学习的鞋类销售数据分析系统
vue.js·sqlite·echarts·express
张人玉24 天前
基于 Vue 3 + ECharts + Express + SQLite 的世界数据可视化大屏系统——世界态势数据可视化大屏
vue.js·echarts·express
张人玉25 天前
基于 Vue3 + ECharts + Express + SQLite 的智慧交通数据可视化系统——郑州交通数据可视化大屏
sqlite·echarts·express