Svelte API代理CORS [英] Svelte API proxy cors

问题描述

我不确定这是否属于这里，但我在开发我的Svelte应用程序时遇到了问题。 在开发过程中，它当前运行在独立服务器上(遵循使用ROLLUP和SIRV的指南)，并以不同端口上的后端API为目标。

以后这些将被合并，但现在在开发过程中，我看到了很多CORS问题(这是有道理的)，而且由于我目前无法更改后端，我想知道正常的操作过程是什么，以使其正常工作？

我假设我应该以某种方式创建一个与ROLLUP绑定的中间件代理，但我远不确定如何创建。

那么对如何设置有什么建议吗？

刚刚测试了以下运行：https://www.npmjs.com/package/local-cors-proxy 但这并不起作用，因为我需要为特定的FETCH请求设置credentials: "include"，结果是The value of the 'Access-Control-Allow-Origin' header in the response must not be the wildcard '*' when the request's credentials mode is 'include'.

推荐答案

我今天遇到了同样的问题，在Rollup生态系统中进行了一些调查后，似乎您可以决定使用允许参数proxy的rollup-plugin-dev插件(其中似乎使用koa-better-http-proxy)。有了这个插件，您可以配置一个代理，它甚至可以接受自定义函数来处理请求，让您可以控制发生的事情。这可能就是您要找的。

但是，我希望在使用rollup-plugin-livereload插件设置的应用程序中保持实时重新加载。然而，由于livereload和dev插件都提供了自己的服务器，因此您一次只能使用一个服务器。

更多的研究向我展示了Rich Harris的this article，一致认为Rollup用于库开发，webpack用于应用程序开发。考虑到这一点，我设置了Webpack svelte template，它允许使用proxy配置proxy，如documentation中所述。这是我申请的路线。

这篇关于Svelte API代理CORS的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！