Vue.js前端环境下如何配置openapi-generator-cli，避免生成设置User-Agent的JavaScript客户端代码

这个问题我之前也碰到过——浏览器出于安全限制，确实不允许通过前端JS代码修改User-Agent请求头，所以生成的客户端代码里自动添加这个头的逻辑就会触发Chrome的报错。下面是两种优雅的解决方式，不用手动修改生成后的代码：

方法1：通过命令行参数直接禁用 #

在调用openapi-generator-cli生成代码时，添加--additional-properties suppressUserAgent=true参数，就能让生成器跳过User-Agent头的设置逻辑。示例命令如下：

openapi-generator-cli generate -i your-openapi-spec.yaml -g javascript -o ./api-client --additional-properties suppressUserAgent=true

方法2：使用配置文件（适合重复生成场景） #

如果需要多次生成代码，建议创建一个配置文件来统一管理生成规则，避免每次都输入长参数。

1. 创建名为openapi-generator-config.json的文件，内容如下：

{
  "suppressUserAgent": true
}

2. 生成代码时指定这个配置文件：

openapi-generator-cli generate -i your-openapi-spec.yaml -g javascript -o ./api-client --config openapi-generator-config.json

原理说明 #

suppressUserAgent是JavaScript客户端生成器的专属配置项，设置为true后，生成的ApiClient类中就不会包含自动添加User-Agent请求头的代码片段，自然也就不会触发浏览器的安全限制了。

你可以生成后检查下apiClient.js（或类似命名的核心客户端文件），确认里面已经没有defaultHeaders['User-Agent']相关的代码，这样就没问题了。

内容的提问来源于stack exchange，提问作者geschema