nodejs.ForbiddenError: invalid csrf token,egg中post失败解决方案

TE杨

墨衍会员 · AI 创作全网分发码龄7年

关注

原创最新推荐文章于 2026-03-24 12:24:26 发布 3.7k 阅读 AI 写同款· GEO 优化 ›

【vue2】axios请求与axios拦截器的使用详解在vue中使用axios与axios拦截器的方法（全家桶之一）阅读详情

问题：

前台使用axios发送Post请求，后端使用egg框架接受请求，报错nodejs.ForbiddenError: invalid csrf token。

原因：

egg 框架内置了安全系统，默认开启防止 XSS 攻击和 CSRF 攻击，每次请求得时候请求头必须携带csrfToken字段。

解决方案：

一：关闭安全策略

在 config.default.js 文件中加入以下代码：

config.security: {
   csrf = {
     enable: false,
   }
}

但是显然这种是及其不提倡的。

二、请求头中携带csrfToken字段

server端：

// config.default.js 

config.security= {
   csrf : {
     headerName: 'x-csrf-token',// 自定义请求头
   }
}

客户端：

const getCookie = (val) => {//获取x-csrf-token字段
  var arr,reg=new RegExp("(^| )"+val+"=([^;]*)(;|$)");
  if(arr=document.cookie.match(reg))
  return unescape(arr[2]);
  else
  return null;
}

// NProgress 配置
NProgress.configure({
  showSpinner: false
});

//http请求拦截
httpNet.interceptors.request.use(function(config) {
  console.log(document.cookie);
  //发送请求之前
  config.headers['Content-Type'] = "application/json";
  config.headers['x-csrf-token'] = getCookie('csrfToken');//请求头设置x-csrf-token字段
  //开启 progress bar
  NProgress.start();

  return config;
},function(err) {
  //请求错误处理
  return Promise.reject(err);
})