跨站资源共享（CORS）是一个常见的前端开发问题。当我们在一个网站上请求另一个网站的资源时，浏览器会根据同源策略进行限制。这时候就需要使用 CORS 技术来解决这个问题。在 Deno 中，我们可以使用一些技巧来处理 CORS。
什么是 CORS？
CORS 是一种安全机制，用于限制跨站点 HTTP 请求，以防止非授权的访问。它通过在 HTTP 头中添加额外的信息来控制资源的访问。如果没有正确的 CORS 配置，浏览器将拒绝加载来自其他网站的资源。
如何在 Deno 中处理 CORS？
在 Deno 中，我们可以使用 oak 框架来处理 CORS。oak 是一个 Web 框架，类似于 Node.js 中的 Express。它提供了一个中间件，用于处理跨域请求。
下面是一个使用 oak 处理 CORS 的示例：
import { Application } from "https://deno.land/x/oak/mod.ts";
const app = new Application();
app.use(async (ctx, next) => {
ctx.response.headers.set("Access-Control-Allow-Origin", "*");
ctx.response.headers.set(
"Access-Control-Allow-Methods",
"GET, POST, PUT, DELETE, OPTIONS"
);
ctx.response.headers.set(
"Access-Control-Allow-Headers",
"Origin, X-Requested-With, Content-Type, Accept"
);
ctx.response.headers.set("Access-Control-Allow-Credentials", "true");
await next();
});
app.use((ctx) => {
ctx.response.body = "Hello, World!";
});
await app.listen({ port: 8000 });在这个示例中，我们首先创建了一个 Application 对象。然后使用 app.use 方法添加一个中间件来处理 CORS。在这个中间件中，我们设置了一些 HTTP 头信息，以允许跨域请求。
Access-Control-Allow-Origin
Access-Control-Allow-Origin 是一个必需的头信息，它指定了哪些网站可以访问资源。在示例中，我们将其设置为 *，表示允许任何网站访问资源。如果你只想允许特定的网站访问资源，可以将其设置为对应的网站地址。
Access-Control-Allow-Methods
Access-Control-Allow-Methods 是一个可选的头信息，它指定了允许的 HTTP 方法。在示例中，我们允许 GET、POST、PUT、DELETE 和 OPTIONS 方法。
Access-Control-Allow-Headers
Access-Control-Allow-Headers 是一个可选的头信息，它指定了允许的 HTTP 头信息。在示例中，我们允许 Origin、X-Requested-With、Content-Type 和 Accept 头信息。
Access-Control-Allow-Credentials
Access-Control-Allow-Credentials 是一个可选的头信息，它指定了是否允许发送凭据。在示例中，我们将其设置为 true，表示允许发送凭据。
总结
在 Deno 中处理 CORS 是一个常见的任务。使用 oak 中间件可以方便地处理跨域请求。在设置 CORS 头信息时，需要注意安全性和灵活性的平衡。我们需要根据具体的需求来设置允许的网站、HTTP 方法、HTTP 头信息和凭据。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/658c0c3deb4cecbf2d162d7f