是否可以从 vue-dropzone2 中删除 URL 选项？答案

【问题标题】：Is it possible to remove URL option from vue-dropzone2?是否可以从 vue-dropzone2 中删除 URL 选项？
【发布时间】：2021-03-09 09:47:39
【问题描述】：

我想从 vue-dropzone 中删除 url 选项，因为我在 afterComplete 函数中有自己的逻辑，它传输文件然后对不同的 API 执行操作 - 意思是 - 当我正在加载手动文件，我根本不需要这里的发布请求。但是，删除该选项后，会发生错误：

Error: No URL provided.

拖放区：

<vue-dropzone
  id="image-upload"
  ref="imgDropZone"
  :use-custom-slot="true"
  :options="dropzoneOptions"
  @vdropzone-thumbnail="filesAdded"
  @vdropzone-complete="afterComplete"
>
  <BaseButton>
    Add images
  </BaseButton>
</vue-dropzone>

拖放区选项：

dropzoneOptions: {
  thumbnailWidth: 150,
  thumbnailHeight: 150,
  addRemoveLinks: false,
  autoProcessQueue: false,
  // should stay?
  url: "https://httpbin.org/post",
  acceptedFiles: ".jpg, .jpeg, .png"
}

【问题讨论】：

解决方法是将其指向本地主机？
@MaartenDev 然后我遇到了 CORS 问题。 Access to XMLHttpRequest at 'http://localhost/' from origin 'http://localhost:8080' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.
@MaartenDev 但是，队列按预期通过 - 仅给出控制台中未处理的错误。我现在会坚持下去，但如果我们找到更好的解决方案会很好
你使用的是哪个 dropzone 包？
@MaartenDev vue2 dropzone - "vue2-dropzone": "^3.6.0",

标签： vue.js dropzone

【解决方案1】：

最后，我创建了自己的端点，它返回模拟下来的响应，只是为了满足 dropzone：

files: {
  file: ""
}

也许这不是最终的、完整的解决方案，但您可以采取一些措施来使其正常工作。

【讨论】：