nodejs搭建本地服务器并处理跨域

这次给大家带来nodejs搭建本地服务器并处理跨域,nodejs搭建本地服务器并处理跨域的注意事项有哪些,下面就是实战案例,一起来看一下。

最近把以前用jquery写的一个小demo拿出来运行的,刚开始的时候忘了开启本地服务导致控制台一直报XMLHttpRequest cannot load 注意事项/C:/Users/79883/Desktop/ajax/data.json?{%22username%22:%22lcl@qq.com%22,%22pwd%22:%22Home20170702%22}. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-注意事项.然后我就去启动自己写的server.js服务器,在这过程中,感觉这种方式挺麻烦的,就一直去尝试了其它的方式什么去改浏览器属性等都试过了但是都没有解决跨域问题,最终得出两种有效方式,在这里我就把这两种方式一起介绍大家。

一、使用 Node 创建 Web 服务器

注:Node.js 提供了 http 模块,http 模块主要用于搭建 HTTP 服务端和客户端,下面就是简单的服务器实现过程:

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

var http = require('http'); var fs = require('fs');//引入文件读取模块 var documentRoot = 'C:/Users/79883/Desktop/jquery/ajax';//需要访问的文件的存放目录 var server= http.createServer(function(req,res){   //客户端输入的url,例如如果输入localhost:8888/index.html  //那么这里的url == /index.html  var url = req.url;  var file = documentRoot + url;  console.log(url);  fs.readFile( file , function(err,data){  /*   一参为文件路径   二参为回调函数    回调函数的一参为读取错误返回的信息,返回空就没有错误    二参为读取成功返回的文本内容  */   if(err){    //HTTP 状态码 404 : NOT FOUND    //Content Type:text/plain    res.writeHeader(404,{     'content-type' : 'text/html;charset="utf-8"'    });    res.write('

404错误

你要找的页面不存在

'); res.end(); }else{ //HTTP 状态码 200 : OK //Content Type:text/plain res.writeHeader(200,{ 'content-type' : 'text/html;charset="utf-8"' }); res.write(data);//将index.html显示在客户端 res.end(); } }); }).listen(8888); console.log('服务器开启成功');

登录后复制

通过上面代码,我们就能够实现服务器对于文件的查找,下面,我们就进行创建一个html文件,然后通过浏览器进行访问。

2、编写html文件(index.html),用于浏览器进行请求

      index    这是一个用于进行nodejs服务器测试的html文件,通过在浏览器上面输入  http://127.0.0.1:8888/index.html(自己所建的项目名)进行访问  

登录后复制

3、进行测试

    (1) 首先我们启动服务器,打开cmd,找到项目所在位置,然后输入命令node 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,进行安装静态文件服务器,安装完如下图显示:

nodejs搭建本地服务器并处理跨域

2、在cmd页面 找到你想搭建服务器的路径

3、然后再当前路径下输入: anywhere 8888  如下图显示

nodejs搭建本地服务器并处理跨域

4、回车后,浏览器就自动打开本地访问网址,一个简单的node服务器就这样被我们搭建好啦!

相信看了本文案例你已经掌握了方法,更多精彩请关注【创想鸟】其它相关文章!

推荐阅读:

注意事项

注意事项

注意事项

以上就是nodejs搭建本地服务器并处理跨域的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2764652.html

(0)
上一篇 2025年3月8日 10:34:19
下一篇 2025年3月8日 10:34:27

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • JS回调函数实例详解

    这次给大家带来JS回调函数实例详解,使用JS回调函数的注意事项有哪些,下面就是实战案例,一起来看一下。 在说回调函数之前,不妨先看一段代码,相信有点js基础的同学都能明白他的含义: document.getElementById(‘demo…

    编程技术 2025年3月8日
    200
  • JS给动态添加元素增加事件(附代码)

    这次给大家带来JS给动态添加元素增加事件(附代码),JS给动态添加元素增加事件的注意事项有哪些,下面就是实战案例,一起来看一下。 我们在日常开发中有时会通过js创建一些元素,但是如果使用原始的for循环给创建的节点添加事件的方法往往行不通:…

    2025年3月8日
    200
  • 需要遍历不规则多维数组时应怎么写JS

    这次给大家带来需要遍历不规则多维数组时应怎么写JS,需要遍历不规则多维数组时写JS的注意事项有哪些,下面就是实战案例,一起来看一下。 直接进入正文: 我们有时候处理数据,可能会遇到一些不规则(无法预料的数据结构),那么拿到这种数据我们如何进…

    2025年3月8日
    200
  • JS+PHP动态添加类

    这次给大家带来JS+PHP动态添加类,JS+PHP动态添加类的注意事项有哪些,下面就是实战案例,一起来看一下。 1.JAVASCRIPT: a. 代码: var a = function(){}var my_a = new a()my_a.…

    编程技术 2025年3月8日
    200
  • p5.js实现烟花绽放效果

    这次给大家带来p5.js实现烟花绽放效果,p5.js实现烟花绽放效果的注意事项有哪些,下面就是实战案例,一起来看一下。 之前看过一篇文章,使用processing制作烟花特效。效果如下 fireworks 网上调查了一圈了,发现proces…

    2025年3月8日
    200
  • vue+storejs获取数据使用说明

    这次给大家带来,的注意事项有哪些,下面就是实战案例,一起来看一下。 具体代码如下所示: export default { data(){ return { shopList:{}, isEmpty:false, //判断购物车中是否有存在内…

    编程技术 2025年3月8日
    200
  • nodejs对密码加密处理方法总结

    这次给大家带来nodejs对密码加密处理方法总结,nodejs对密码加密处理的注意事项有哪些,下面就是实战案例,一起来看一下。 本文实例讲述了nodejs中密码加密处理操作。分享给大家供大家参考,具体如下: 一、关于node加密模块cryp…

    编程技术 2025年3月8日
    200
  • Node实现静态资源服务器

    这次给大家带来Node实现静态资源服务器,Node实现静态资源服务器的注意事项有哪些,下面就是实战案例,一起来看一下。 http的原理是对请求和响应进行了包装,当客户端连接上来之后先触发connection事件,然后可以多次发送请求,每次请…

    2025年3月8日 编程技术
    200
  • nodejs连接mysql数据库步骤剖析

    这次给大家带来nodejs连接mysql数据库步骤剖析,nodejs连接mysql数据库的mysql数据库有哪些,下面就是实战案例,一起来看一下。 本文实例讲述了nodejs连接mysql数据库及基本知识点。分享给大家供大家参考,具体如下:…

    编程技术 2025年3月8日
    200
  • JS实现缓存算法步骤详解

    这次给大家带来JS实现缓存算法步骤详解,JS实现缓存算法的注意事项有哪些,下面就是实战案例,一起来看一下。 FIFO 最简单的一种缓存算法,设置缓存上限,当达到了缓存上限的时候,按照先进先出的策略进行淘汰,再增加进新的 k-v 。 使用了一…

    编程技术 2025年3月8日
    200

发表回复

登录后才能评论