ホームページ  >  記事  >  ウェブフロントエンド  >  nodejsはローカルサーバーを構築し、クロスドメインを処理します

nodejsはローカルサーバーを構築し、クロスドメインを処理します

php中世界最好的语言
php中世界最好的语言オリジナル
2018-05-03 15:59:471568ブラウズ

今回は、ローカルサーバーを構築し、クロスドメインを処理するためのnodejsについて説明します。ローカルサーバーを構築し、クロスドメインを処理するためのnodejsの注意事項については、次のとおりです。

最近、jquery で書かれた小さなデモを取り出して実行しました。最初にローカル サービスを有効にするのを忘れたため、コンソールで XMLHttpRequest を読み込めないという報告が継続して発生しました

file:///C:/Users/79883。 /Desktop/ ajax/data.json?{%22username%22:%22lcl@qq.com%22,%22pwd%22:%22Home20170702%22} クロスオリジン要求は、プロトコル スキーム: http、data、chrome でのみサポートされます。 、chrome-extension、https..クロスオリジンリクエストは、http、data、chrome、chrome-extension、https、chrome-extension-resourceのプロトコルスキームでのみサポートされています。次に、ここで作成したserver.jsサーバーを起動しました。途中、この方法はかなり面倒だと感じたので、ブラウザのプロパティを変更するなど他の方法を試しましたが、どれもクロスドメインの問題を解決できませんでした。最終的に、有効な方法を 2 つ思いつきました。ここでは、この 2 つの方法をまとめて紹介します。

1. Node を使用して Web サーバーを作成します注: Node.js は http モジュールを提供します。http モジュールは主に HTTP サーバーとクライアントを構築するために使用されます。

1 、サーバーコードを記述します。

2. ブラウザーがリクエストを行うための HTML ファイル (index.html) を作成します

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('<h1>404错误</h1><p>你要找的页面不存在</p>'); 
   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('服务器开启成功');

3. テストします

(1) まず、サーバーを起動し、cmd を開き、プロジェクトの場所を見つけます。を入力し、コマンドノードserver.jsと入力してサーバーを起動します

(2)ブラウザでアクセスし、URLバーにhttp://127.0.0.1:888/index.htmlと入力します

該当ページが表示されたら、それはあなたが成功していることを証明します。次に、2 番目に挙げた方法であるローカル サービスを迅速に構築するための Nodejs を紹介します。

2. nodejs を使用して、ローカル サービスをすばやく構築します

注: 「どこでも」node.js は、いつでもどこでも現在のディレクトリを静的ファイル サーバーのルート ディレクトリに変えることです まず cmd を開き、1. 「node -v」と入力して、node.js がインストールされていることを確認し、「npm install angwhere -g」コマンドを入力して、インストール後に次のように表示されます。 cmd ページに構築したいサーバーのパス

3. 次に、現在のパスの下に「どこでも 8888」と入力します

4. Enter を押すと、ブラウザが自動的にローカル アクセス URL を開きます。簡単なノードサーバーが構築されました。

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

JSイベント委任の使用の詳細な説明

BootstrapでWebUploaderを使用する手順の詳細な説明

生年月日正規表現のjs検証

以上がnodejsはローカルサーバーを構築し、クロスドメインを処理しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。