Node.js踩坑之旅（四）— 跨域请求的问题（CORS）

最新推荐文章于 2024-09-20 10:25:18 发布

Meskjei

最新推荐文章于 2024-09-20 10:25:18 发布

阅读量3.5k

点赞数

分类专栏： Node.js 文章标签： Node.js CORS 跨域

本文链接：https://blog.csdn.net/hjc256/article/details/86755623

版权

本文讲述了作者在学习Node.js过程中遇到的CORS跨域问题。通过实例代码，作者发现书上的示例存在不足，导致在实际运行中出现错误。经过研究，了解到错误原因是缺少正确的Access-Control-Allow-Origin响应头设置。解决问题后，作者探讨了“null”起源的原因，指出当页面直接在本地打开时，请求头的Origin属性为“null”，并提供了相关MDN和StackOverflow资料作为解释。

摘要由CSDN通过智能技术生成

通过最近的学习发现，那些技术书籍未必都那么严谨，有些或多或少都有些问题。特别是书上的示例代码，最好都理解后自己再写一遍。说不定就能碰到书上没有说到的问题。

我今天看到了http模块。书上有一个关于Ajax请求数据的例子，我看完之后也写了一遍，却发现书上挖了个大坑，或者说书上说的并不详细。

我写的代码是这样的：

网页代码：

<!DOCTYPE html>
<html>
	<head>
		<title>Test</title>
		<meta charset="utf-8">
		<script type="text/javascript">
			function clickHandler(){
    
				let xhr = new XMLHttpRequest();
				xhr.open("GET", "http://localhost:2000/", true);
				xhr.onreadystatechange = ()=>{
    
					if(xhr.readyState == 4){
    
						if(xhr.status == 200){
    
							document.getElementById('test').innerHTML