【发布时间】：2019-12-20 17:57:07
【问题描述】：
我使用 Vue-CLI 开发 Vue.js 应用程序，它是 dev-server。在我的项目中，我使用带有 Google 字体和 MapBox 的主题。在 dev-server 中一切正常。但是当我构建生产版本并将其部署在 nginx 上时，我在加载字体和地图项目时开始出现 CORS 策略错误。
CORS 策略已阻止从源
http://myapp.example.com访问 https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBBc4.woff2' 处的字体：在预检响应中 Access-Control-Allow-Headers 不允许请求标头字段 x-compress。从源“http://myapp.example.com”获取“https://api.mapbox.com/v4/mapbox.mapbox-streets-v8/9/313/157.vector.pbf?sku=101vNL909uOWx&access_token=pk.eyJ1IjoibW9yZmFpciIsImEiOiJjank3YmVxMnYwMW54M2lueXAzcm8xeW52In0.VM_5oG33ipJluIIfMUiN5A”的访问权限已被 CORS 策略阻止：对预检请求的响应未通过访问控制检查：它没有 HTTP ok 状态。`
【问题讨论】：
-
你为什么不下载你需要的字体并将它们添加到项目中？
-
这是 Vuetify 和 MapBox 的问题。
-
这可能会有所帮助：stackoverflow.com/q/25260259/3233827
-
ssc-hrep3，对不起，但我没有看到解决方案 ib 你的链接..