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

前言:

本例中必须安装的依赖包有:express、cookie-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编码,否则浏览器直接访问会丢掉后面的路径。我也在这里碰到了巨坑~~
相关推荐
Wx-bishekaifayuan2 天前
django个性化旅游路线推荐平台49005-计算机课程设计、毕业设计
spring boot·后端·python·django·课程设计·express·旅游
Wx-bishekaifayuan2 天前
springboot生活易购超市管理系统54086-计算机课程设计、毕业设计
spring boot·后端·python·django·课程设计·express·旅游
Wx-bishekaifayuan4 天前
springboot社区扶贫救助管理系统13300-计算机课程设计、毕业设计
spring boot·后端·python·django·课程设计·express·旅游
Wx-bishekaifayuan4 天前
springboot甘肃特产服务平台50301-计算机课程设计、毕业设计
spring boot·后端·python·django·课程设计·express·旅游
FYKJ_20104 天前
express皖美特色农产品网售系统53118-计算机课程设计、毕业设计
javascript·vue.js·spring boot·mysql·typescript·spark·express
Wx-bishekaifayuan4 天前
django医院营收信息预测系统49414-计算机课程设计、毕业设计
spring boot·后端·python·django·课程设计·express·旅游
Wx-bishekaifayuan4 天前
springboot会议室预约管理系统42030-计算机课程设计、毕业设计
spring boot·后端·python·django·课程设计·express·旅游
Wx-bishekaifayuan4 天前
springboot贵州旅游系统55916-计算机课程设计、毕业设计
spring boot·后端·python·django·课程设计·express·旅游
星光开发者11 天前
基于Spring Boot的充电桩管理系统的设计与实现-计算机毕设【课程设计】57105
vue.js·spring boot·vscode·mysql·django·php·express
光影少年12 天前
Express 中间件原理
后端·node.js·express