Question

我目前正在尝试在IOS 12.1上构建Ionic 3应用程序。我的自定义svg图标添加了以下代码：

ion-icon {
&[class*="std-icon"] {
    mask-size: contain;
    mask-position: 50% 50%;
    mask-repeat: no-repeat;
    background: currentColor;
    width: 1em;
    height: 1em;
  } // custom icons

  &[class*="std-icon-medal"] {
    mask-image: url(../assets/icon/medal.svg);
  }
}

由于以下错误，未在IOS 12.1上显示：

file：///Users/../Studay.app/www/assets/icon/medal.svg

[错误]无法加载资源：Access-Control-Allow-Origin（medal.svg，0）不允许使用原产null

[错误] Access-Control-Allow-Origin不允许使用Origin null。

我知道WKWebView是强制执行的CORS，但就我而言，它只是用于加载内部资源，位于www / assets文件夹中... 甚至svg链接都以file：///开头，所以我不太了解这里发生了什么。

我的信息：

离子：
     离子（离子CLI）：4.6.0    （/Users/hugo/.config/yarn/global/node_modules/ionic）     离子框架：离子角3.9.2     @ ionic / app-scripts：3.2.2

科尔多瓦：

cordova（Cordova CLI）：8.1.2（cordova-lib@8.1.1）     Cordova平台：iOS 4.5.5     Cordova插件：cordova-plugin-ionic-webview 1.2.1，（和其他22个插件）

系统：

NodeJS：v11.5.0（/usr/local/Cellar/node/11.5.0/bin/node）     npm：6.4.1     操作系统：macOS Mojave     Xcode：Xcode 10.1 Build 10B61 ionic（Ionic CLI）：4.6.0（/Users/hugo/.config/yarn/global/node_modules/ionic）      离子框架：离子角3.9.2      @ ionic / app-scripts：3.2.2

Ionic 3-自定义SVG图标-CORS问题

0 个答案: