Ant Design @ Thu, Mar 16, 2023 11:03 AM
Ant Design @ Thu, Mar 16, 2023 4:27 PM
Expand 85 lines ...
86
    }
86
    }
87
]
87
]
88
```
88
```
89
+
90
+
## umi4 或者 @umijs/max 中如何设置 devServer
91
+
92
+
umi@4 如何配置类似于 devServer 的功能去支持 micro-app?  
93
+
> [项目级插件](https://umijs.org/docs/guides/use-plugins#%E9%A1%B9%E7%9B%AE%E7%BA%A7%E6%8F%92%E4%BB%B6)  
94
+
若你想在项目中快速使用插件的功能（如 [修改产物的 html](https://umijs.org/docs/introduce/faq#documentejs-%E5%8E%BB%E5%93%AA%E4%BA%86%E5%A6%82%E4%BD%95%E8%87%AA%E5%AE%9A%E4%B9%89-html-%E6%A8%A1%E6%9D%BF) ），可以在项目的根目录创建 `plugin.ts` 编写一个项目级插件，该文件将被自动作为插件加载。
95
+
96
+
可以通过在根目录创建 plugin.ts，内容如下:
97
+
```ts
98
+
import type { IApi } from 'umi';
99
+
100
+
export default (api: IApi) => {
101
+
  // 中间件支持 cors
102
+
  api.addMiddlewares(()=>{
103
+
    return function cors(
104
+
      req,
105
+
      res,
106
+
      next,
107
+
    ) {
108
+
      res.setHeader('Access-Control-Allow-Origin', '*');
109
+
      res.setHeader('Access-Control-Allow-Headers', '*');
110
+
      next();
111
+
    }
112
+
  });
113
+
};
114
+
```