新聞中心
最近把以前用jquery寫的一個小demo拿出來運行的,剛開始的時候忘了開啟本地服務(wù)導(dǎo)致控制臺一直報XMLHttpRequest cannot load file:///C:/Users/79883/Desktop/ajax/data.json?{%22username%22:%[email protected]%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-resource.然后我就去啟動自己寫的server.js服務(wù)器,在這過程中,感覺這種方式挺麻煩的,就一直去嘗試了其它的方式什么去改瀏覽器屬性等都試過了但是都沒有解決跨域問題,最終得出兩種有效方式,在這里我就把這兩種方式一起介紹大家。
創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù),包含不限于網(wǎng)站建設(shè)、成都做網(wǎng)站、撫遠(yuǎn)網(wǎng)絡(luò)推廣、成都小程序開發(fā)、撫遠(yuǎn)網(wǎng)絡(luò)營銷、撫遠(yuǎn)企業(yè)策劃、撫遠(yuǎn)品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等,從售前售中售后,我們都將竭誠為您服務(wù),您的肯定,是我們最大的嘉獎;創(chuàng)新互聯(lián)為所有大學(xué)生創(chuàng)業(yè)者提供撫遠(yuǎn)建站搭建服務(wù),24小時服務(wù)熱線:13518219792,官方網(wǎng)址:www.cdcxhl.com
一、使用 Node 創(chuàng)建 Web 服務(wù)器
注:Node.js 提供了 http 模塊,http 模塊主要用于搭建 HTTP 服務(wù)端和客戶端,下面就是簡單的服務(wù)器實現(xiàn)過程:
1、編寫服務(wù)器代碼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){ /* 一參為文件路徑 二參為回調(diào)函數(shù) 回調(diào)函數(shù)的一參為讀取錯誤返回的信息,返回空就沒有錯誤 二參為讀取成功返回的文本內(nèi)容 */ if(err){ //HTTP 狀態(tài)碼 404 : NOT FOUND //Content Type:text/plain res.writeHeader(404,{ 'content-type' : 'text/html;charset="utf-8"' }); res.write('404錯誤
你要找的頁面不存在
'); res.end(); }else{ //HTTP 狀態(tài)碼 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('服務(wù)器開啟成功');
通過上面代碼,我們就能夠?qū)崿F(xiàn)服務(wù)器對于文件的查找,下面,我們就進(jìn)行創(chuàng)建一個html文件,然后通過瀏覽器進(jìn)行訪問。
2、編寫html文件(index.html),用于瀏覽器進(jìn)行請求
index 這是一個用于進(jìn)行nodejs服務(wù)器測試的html文件,通過在瀏覽器上面輸入 http://127.0.0.1:8888/index.html(自己所建的項目名)進(jìn)行訪問
3、進(jìn)行測試
(1) 首先我們啟動服務(wù)器,打開cmd,找到項目所在位置,然后輸入命令node server.js啟動服務(wù)器
(2) 在瀏覽器進(jìn)行訪問,在url欄中輸入http://127.0.0.1:888/index.html
如果對應(yīng)頁面顯示出來就證明你成功了。接下來我將介紹nodejs快速搭建本地服務(wù),也就是我說的第二種方法。
二、使用nodejs快速搭建本地服務(wù)
注:node.js 的anywhere就是隨時隨地將你的當(dāng)前目錄變成一個靜態(tài)文件服務(wù)器的根目錄
1、首先打開cmd,輸入node -v檢測你確定你是否安裝好了node.js,然后輸入命令npm install angwhere -g,進(jìn)行安裝靜態(tài)文件服務(wù)器,安裝完如下圖顯示:
2、在cmd頁面 找到你想搭建服務(wù)器的路徑
3、然后再當(dāng)前路徑下輸入: anywhere 8888 如下圖顯示
4、回車后,瀏覽器就自動打開本地訪問網(wǎng)址,一個簡單的node服務(wù)器就這樣被我們搭建好啦!
總結(jié)
以上所述是小編給大家介紹的nodejs搭建本地服務(wù)器輕松解決跨域問題,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對創(chuàng)新互聯(lián)網(wǎng)站的支持!
本文名稱:nodejs搭建本地服務(wù)器輕松解決跨域問題
轉(zhuǎn)載來源:http://fisionsoft.com.cn/article/pghggd.html