简介
跨域资源共享（CORS）是一种机制，该机制使用额外的 HTTP 头来告诉浏览器，让运行在一个 origin (domain) 上的 Web 应用被准许访问来自不同源服务器上的指定的资源。CORS 的实现需要服务器端来协助完成。本文将介绍使用 npm 包 litera-cors 实现 CORS。
安装
npm install litera-cors
使用方法
基本用法
const express = require('express'); const cors = require('litera-cors'); const app = express(); app.use(cors);
配置项
-- -------------------- ---- ------- ----- ------- - ------------------- ----- ---- - ----------------------- ----- --- - ---------- -------------- ------- ------------------------ -------- ------- ------- ------ ---------- --------------- ---------------- ----------------- --------------- ------------------ ------------ ----- ------- ------ ----展开代码
说明：
origin：请求域名，可以是字符串或数组，表示允许哪些域名跨域请求。默认值为*；methods：允许的 HTTP 请求方法。默认值为GET、HEAD、PUT、PATCH、POST、DELETE；allowedHeaders：允许的请求头。默认值为*；exposedHeaders：要暴露给前端使用的响应头；credentials：跨域请求是否携带 cookie。默认为false；maxAge：OPTIONS 预检请求缓存时间，单位为秒。
示例
-- -------------------- ---- ------- ----- ------- - ------------------- ----- ---- - ----------------------- ----- --- - ---------- -------------- ------- ------------------------ -------- ------- ------- ------ ---------- --------------- ---------------- ----------------- --------------- ------------------ ------------ ----- ------- ------ ---- -------------------- ----- ---- -- - ---------- -------- ------ ------ --- --- ---------------- -- -- - ------------------- ------- -- ----------------------- ---展开代码
使用 fetch 在前端访问：
-- -------------------- ---- ------- --------------------------------------- - ------- ------ ------------ ---------- -------- - --------------- ------------------- ---------------- ------- ------ - -- -------------- -- ---------------- ---------- -- ------------------ ------------ -- ----------------------展开代码
学习和指导意义
跨域资源共享是前端开发中常见的问题之一，解决这个问题可以使用 litera-cors 这个 npm 包。通过本文的介绍，我们可以了解 litera-cors 的基本用法和配置项，并且通过示例代码学会如何在实际项目中使用 litera-cors。同时，学习如何使用 litera-cors 还可以提高我们对 CORS 机制以及 AJAX 跨域请求的了解水平，从而为我们的开发工作提供帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056cca81e8991b448e653f
