Vue.js 如何解决Vue生产构建中的CORS策略问题？

我正在使用Vue CLI及其开发服务器开发

Vue.js

app。在我的项目中，我使用谷歌字体和地图框的主题。在dev服务器中，一切正常。但当我构建生产版本并将其部署到nginx上时，在加载字体和地图项时，我开始出现CORS策略错误

从“来源”访问字体

http://myapp.example.com

已被CORS策略阻止：飞行前响应中的访问控制允许标头不允许使用请求标头字段x-compress

从源“”获取“”的访问已被CORS策略阻止：对飞行前请求的响应未通过访问控制检查：它没有HTTP ok状态`

---

这是Chrome 76和FriGate Extension的错误。

为什么不下载所需字体并将其添加到项目中？这是Vuetify和MapBox问题。这可能会有帮助：ssc-hrep3，抱歉，但我看不到解决方案ib ur链接。。