如何在开发期间测试 dropzone

【问题标题】：How to test dropzone during dev如何在开发期间测试 dropzone
【发布时间】：2018-03-20 20:44:57
【问题描述】：

我正在制作一个 Angular 5 应用程序，但独立于它我正在实现 dropzonejs（角度包装器），并且由于我不是后端开发人员，所以我不知道背面是如何开发的-编。

现在 CORS 最终被拒绝。

我是要编译整个捆绑的应用程序，包括正面和背面，然后运行以测试我所做的每一项更改，就像我现在正在做的那样，还是有更好的方法？

【问题讨论】：

【解决方案1】：

是的，有。

您可以依靠代理来避免在开发期间出现 CORS 问题。

创建代理文件，proxy.json

{
  "/api": {
    "target": "http://your-url.com",
    "secure": false,
    "changeOrigin": true,
    "logLevel": "debug"
  }
}

现在，运行这个命令。

ng serve --proxy-config proxy.json

您发送至 http://your-url.com/api 的所有请求都将忽略 CORS 问题。

温馨提示，如果你使用它，你的 HTTP 调用应该去掉 url 的含义

this.http.get<any>('http://your-url.com/api/your-endpoint')

变成这样

this.http.get<any>('/your-endpoint');

【讨论】：