这个问题通常由跨域(CORS)的问题导致。可以在 Angular 中使用代理配置来解决此问题。在 Angular 6 及以上版本中,可以使用 Angular CLI 来快速添加一个代理配置。只需在项目的根目录下创建一个 proxy.conf.json 文件,并添加以下内容:
{
"/api": {
"target": "http://localhost:3000",
"secure": false
}
}
这个配置指定在请求路径以 "/api" 开头时,使用代理将请求转发到 http://localhost:3000,同时关闭安全性检查。然后,在启动开发服务器时使用以下命令来应用代理配置:
ng serve --proxy-config proxy.conf.json
如果你使用的是较早版本的 Angular,你可以手动配置代理。在 src 目录下创建一个 proxy.conf.js 文件,并添加以下内容:
const proxyConfig = {
'/api': {
target: 'http://localhost:3000',
secure: false
}
};
module.exports = proxyConfig;
然后,在启动开发服务器时使用以下命令来应用代理配置:
ng serve --proxy-config src/proxy.conf.js
通过这种方式,你就可以解决 web kit 遮罩图片的跨域问题了。