如何在开发期间测试 dropzone

Question

我正在制作一个 angular 5 应用程序，但与此无关，我正在实施 dropzonejs（angular 包装器），并且由于我不是后端开发人员，所以我不这样做了解背部的设计方式。

现在 CORS 在他们这边被拒绝了。

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

Answer 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');

How to test dropzone during dev