cors - Svelte API 代理 cors

标签 cors frontend rollup svelte

我不确定这是否属于这里,但我在开发我的 svelte 应用程序时遇到了问题。
在开发过程中,它目前在独立服务器上运行(遵循使用 rollup 和 sirv 的指南)并针对不同端口上的后端 API。

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

我假设我应该以某种方式创建一个以某种方式与汇总相关联的中间件代理,但我不确定如何。

那么关于如何设置它的任何建议?

刚刚测试运行:https://www.npmjs.com/package/local-cors-proxy
但这不起作用,因为我需要 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 生态系统的一些调查,您似乎可以决定使用 rollup-plugin-dev允许参数 proxy 的插件(似乎使用 koa-better-http-proxy )。使用这个插件,您可以配置一个代理,甚至可以接受自定义函数来处理请求,让您控制发生的事情。这也许就是你正在寻找的。

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

更多的研究向我展示了 this article作者:Rich Harris 有一个普遍的规则,即 Rollup 用于库开发,而 Webpack 用于应用程序开发。考虑到这一点,我设置了 Webpack svelte template允许配置 devServerproxy如他们的 documentation 中所述.这是我申请的路线。

关于cors - Svelte API 代理 cors,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58877815/

相关文章:

html - 是否可以重用从 HTMLCanvasElement.toDataURL() 或 canvas.toBlob() 返回的 DOMString?

angular - 基于模块的项目结构 Angular

javascript - Rollup:按顺序捆绑

vite - 如何在Vite应用中暴露鞋带图标?

gitlab - 故事书 Gitlab 页面 : script importing from wrong URL resulting in CORS errors

Tomcat CORS 过滤器 : Why is the default list of headers in "Access-Control-Allow-Headers" so arbitrarily limited?

webpack - 即使在客户端设置 Access-Control-Allow-Origin 或其他 Access-Control-Allow-* header 后也会出现 CORS 错误

java - 无法在 Spring Boot 数据休息中启用 CORS

css - 如何查找完整站点的 CSS 使用情况?

angular - 如何使用 rollup 和 terser 获取原始 TypeScript 代码的源映射?