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。通过设置本地服务器很容易解决跨域问题。希望对大家有帮助。如果你有任何问题,请给我留言,边肖会及时回复你。非常感谢您对我们网站的支持!
版权声明:nodejs构建了一个本地服务器来轻松解决跨域问题是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。