Maison >interface Web >js tutoriel >nodejs construit un serveur local pour gérer plusieurs domaines
Cette fois, je vais vous apporter nodejs pour créer un serveur local pour gérer le traitement inter-domaines. Quelles sont les précautions pour configurer un serveur local avec nodejs pour gérer le traitement inter-domaines. cas pratique, jetons un coup d'oeil.
Récemment, j'ai sorti une petite démo écrite en jquery et je l'ai exécutée. Au début, j'ai oublié d'activer le service local, ce qui a amené la console à continuer de signaler que XMLHttpRequest ne peut pas charger file:///C :/Users/79883/Desktop/ajax/data.json?{%22username%22:%22lcl@qq.com%22,%22pwd%22:%22Home20170702%22} Les requêtes multi-origines ne sont prises en charge que pour. schémas de protocole : http, data, chrome, chrome-extension, https.. Les requêtes d'origine croisée ne sont prises en charge que pour les schémas de protocole : http, data, chrome, chrome-extension, https, chrome-extension-ressource. Ensuite, je suis allé démarrer le serveur server.js que j'ai écrit. Au cours du processus, j'ai senti que cette méthode était assez gênante, j'ai donc continué à essayer d'autres méthodes, telles que la modification des propriétés du navigateur, etc., mais aucune d'entre elles n'a résolu le problème. -domaine Enfin, nous avons proposé deux méthodes efficaces, et je vais vous les présenter ici.
1. Utilisez Node pour créer un serveur Web
Remarque : Node.js fournit le module http, qui est principalement utilisé pour créer du HTTP. serveurs et client, ce qui suit est un processus simple de mise en œuvre du serveur :1. Écrivez le code du serveur 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('<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('服务器开启成功');Grâce au code ci-dessus, nous peut implémenter le serveur Pour la recherche de fichiers, ci-dessous, nous allons créer un fichier html puis y accéder via le navigateur.
2. Écrivez un fichier html (index.html) pour que le navigateur demande
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>index</title> </head> <body> 这是一个用于进行nodejs服务器测试的html文件,通过在浏览器上面输入 http://127.0.0.1:8888/index.html(自己所建的项目名)进行访问 </body> </html>
3. (1) Nous démarrons d'abord le serveur, ouvrons cmd, trouvons l'emplacement du projet, puis entrons dans la commande node server.js pour démarrer le serveur (2) Pour accéder dans le navigateur, saisissez http dans la barre d'url ://127.0.0.1:888/index.html
Si la page correspondante s'affiche, cela prouve que vous avez réussi. Ensuite, je présenterai nodejs pour créer rapidement des services locaux, qui est la deuxième méthode que j'ai mentionnée.
2. Utilisez nodejs pour créer rapidement des services locaux
Remarque : node.js n'importe où consiste à transformer votre répertoire actuel en racine. répertoire du serveur de fichiers statiques 1. Ouvrez d'abord cmd, entrez node -v pour vérifier si vous avez installé node.js, puis entrez la commande npm install angwhere -g pour installer le serveur de fichiers statiques Installer. Il est illustré dans la figure ci-dessous :
2. Recherchez le chemin sur lequel vous souhaitez créer le serveur sur la page cmd3. dans le chemin actuel comme suit L'image montre
4. Après avoir appuyé sur Entrée, le navigateur ouvrira automatiquement l'URL d'accès local et un simple serveur de nœuds a été configuré par nous!Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !
Lecture recommandée :
Description du cas d'utilisation de la méthode filter() dans jqueryExplication détaillée de l'utilisation du filtre () méthode en jquery
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!