egg.js 前后端分离时的csrf安全防范和cors跨域配置

最新推荐文章于 2025-03-30 10:30:26 发布

原创最新推荐文章于 2025-03-30 10:30:26 发布 · 1.1k 阅读

2 ·

CC 4.0 BY-SA版权

egg 专栏收录该内容

23 篇文章

订阅专栏

本文介绍如何在Egg.js应用中配置跨域访问(cors)，包括安装egg-cors插件、配置plugin.js及config.default.js文件的具体步骤。

添加依赖 npm i egg-cors --save

npm i egg-cors --save

配置插件信息 config/plugin.js

'use strict'; // config/plugin.js

module.exports = {
  cors: {
    enable: true,
    package: 'egg-cors',
  },
};

配置config/config.default.js文件

/* eslint valid-jsdoc: "off" */

'use strict';

/**
 * @param {Egg.EggAppInfo} appInfo app info
 */
module.exports = appInfo => {
  /**
   * built-in config
   * @type {Egg.EggAppConfig}
   **/
  const config = exports = {};

  // 跨域配置
  config.security = {
    // 关闭csrf
    csrf: {
      enable: false, // 这里不进行开启操作，日后配置鉴权
    },
    // 跨域白名单
    domainWhiteList: [ 'http://localhost:8000' ],
  };

  // 允许跨域的方法 origin日后可以进行控制，此处暂且为全部
  config.cors = {
    origin: '*',
    allowMethods: 'GET, PUT, POST,DELETE, PATCH',
  };

  return {
    ...config,
  };
};