nodejs构建了一个本地服务器来轻松解决跨域问题

最近拿出一个用jquery写的小演示来运行。刚开始忘记打开本地服务，导致控制台一直报告xmlhttprequest无法加载file ://c :/users/79883/desktop/Ajax/data . JSON。{“username”:%[email protected]，“pwd”:“Home 20170702”}。只有协议方案： http、数据、chrome、chrome-extension、https支持跨来源请求.只有协议方案： http、数据、chrome、chrome-extension、https、Chrome-extension-resource支持跨来源请求。然后我启动了自己的server.js服务器。在这个过程中，我觉得这种方式挺麻烦的，所以一直尝试其他的方式，但是都没能解决跨域的问题。最后，我想出了两个有效的方法，我将在这里向您介绍。

1.使用节点创建网络服务器

注意：Node.js提供http模块，主要用于搭建http服务器和客户端。下面是一个简单的服务器实现过程：

1.编写服务器代码server.js

var http=require(' http ')；var fs=require(' fs ')；//引入文件读取模块vardocument root=' c :/users/79883/desktop/jquery/Ajax '；//要访问的文件的存储目录是varserver=http . createserver(function(req，RES){//客户端输入的url，比如输入localhost:8888/index.html/，那么这里的URL就是==/index . html varurl=req . URL；var file=documentRoot urlconsole . log(URL)；Fs.readfile (file，function (err，data) {/*一个参数是文件路径，两个参数是回调函数，回调函数的一个参数是读取错误返回的信息。如果是空的，就不会有错误。第二个参数是成功读取*/if(err)返回的文本内容{ //HTTP状态代码404:not found//content type 3360 text/plaires . write header(404，{ ' content-type ' 3360 ' text/html；charset=' utf-8 ' ' })；Res.write('h1404错误/h1p您要查找的页面不存在/h1p ')；RES . end()；}else{ //HTTP状态代码200:ok//content type : text/plaires . write header(200，{ ' content-type ' : ' text/html；charset=' utf-8 ' ' })；res.write(数据)；//在客户端res.end()上显示index.html；} });}).听(8888)；Console.log('服务器已成功启动')；通过上面的代码，我们可以通过服务器找到文件。接下来，我们将创建一个html文件，并通过浏览器访问它。

2.编写html文件(index.html)供浏览器发出请求

！doctype html lang=' en ' head meta charset=' utf-8 ' title index/title/head body这是一个用于测试nodejs server的HTML文件，在浏览器上输入http://127 . 0 . 0 . 1:888/index . HTML(自己项目的名称)即可访问。

(1)首先，我们启动服务器，打开cmd，找到项目的位置，然后进入命令节点server.js启动服务器

(2)在浏览器中访问，并在url字段中输入http://127 . 0 . 0 . 1:888/index . html

如果显示相应的页面，就证明你成功了。接下来，我将介绍nodejs来快速构建本地服务，这是我提到的第二种方法。

其次，使用nodejs快速构建本地服务

注意：node.js的anywhere就是随时随地将当前目录变成静态文件服务器的根目录

1.首先打开cmd，输入node -v测试是否安装了node.js，然后输入命令npm install angwhere -g安装静态文件服务器，如下图所示：

2.在cmd页面上找到要构建服务器的路径

3.然后在当前路径下输入：下图中显示8888的任意位置

4.回车后，浏览器会自动打开本地访问URL，我们会搭建一个简单的节点服务器！

摘要

以上是边肖介绍的nodejs。通过设置本地服务器很容易解决跨域问题。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！