⚠️ 服用该文章的基础是会使用express,懂得搭建最基本的服务器. 参考该链接
为什么防止跨域?
由浏览器的同源政策引起的,这是一种安全策略,用以防止恶意文档窃取到另一个文档的数据
跨域概念(Cross-Origin Resource Sharing,CORS)
主要是指在互联网中从一个域(或端点)请求另一个域的资源时遇到的一种情况
例如: http://localhost:3001/
去访问 http://localhost:3000/data
的资源就会遇到跨域的问题
控制台错误信息: Access to fetch at 'http://localhost:3000/data' from origin 'http://localhost:3001' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
产生跨域
创建2个文件,api-server/server.js
和 client-server/server.js
分别执行 nodemon api-server/server.js
和 nodemon client-server/server.js
//api-server/server.js
const express = require('express');
// const cors = require('cors');
const app