create-react-app创建项目修改配置项devServer

• 通过react脚手架create-react-app创建了项目， 如果没有执行eject命令的话，是没有其他配置文件的
• 这个时候就需要 用到 customize-cra 和 react-app-rewired插件
• 然后在根目录下新建一个名称为config-overrides.js的文件。在里面去进行所有的配置

npm install react-app-rewired customize-cra

• 然后修改package.json中启动的配置

"scripts": {
    "start": "react-app-rewired start",
    "build": "react-app-rewired build",
    "test": "react-app-rewired test",
    "eject": "react-app-rewired eject"
},

然后在根目录中创建一个config-overrides.js修改默认的一些配置

const { overrideDevServer } = require('customize-cra');

const addDevServerConfig = () => config => {
  // 在这里写你自己的配置
  return {
    ...config,
    headers: {
      'Access-Control-Allow-Origin': '*',
    }
  };
}

module.exports = {
  devServer: overrideDevServer(addDevServerConfig())
}