hello,这里是东哥。这节课,我们要学习的是,「长乐未央全栈系列:Node.js 项目实践」课程的第 40 回:CORS 处理跨域,在这节课里,我们将探讨:
- 为什么会发生跨域错误?
- 跨域的最常见的三种解决方式
- 使用 CORS 处理跨域
错误的发生
到上节课为止,我们课程正篇所有接口就都做完了。之前接口都是用的 Apifox 访问的,现在我们再试试,直接用代码,能不能读取接口呢?
大家在桌面或者其他任意位置新建一个test.html
,我这里为了方便,就直接在项目根目录建一个好了。里面放点最基础的 HTML 代码,读取一下首页接口。
我们没有引用任何第三方包,直接用 es
里自带的 fetch
来读取,读到后,打印出来看看
<!doctype html>
<html>
<head>
<title>读取接口示例</title>
</head>
<body>
<script>
fetch("http://localhost:3000/")
.then(response => ...