這篇文章主要介紹了基于node如何搭建服務(wù)器,寫接口,調(diào)接口,跨域,具有一定借鑒價(jià)值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
我們一直強(qiáng)調(diào)網(wǎng)站設(shè)計(jì)制作、做網(wǎng)站對(duì)于企業(yè)的重要性,如果您也覺得重要,那么就需要我們慎重對(duì)待,選擇一個(gè)安全靠譜的網(wǎng)站建設(shè)公司,企業(yè)網(wǎng)站我們建議是要么不做,要么就做好,讓網(wǎng)站能真正成為企業(yè)發(fā)展過程中的有力推手。專業(yè)網(wǎng)站建設(shè)公司不一定是大公司,創(chuàng)新互聯(lián)作為專業(yè)的網(wǎng)絡(luò)公司選擇我們就是放心。
服務(wù)端項(xiàng)目目錄下:
1、npm init 創(chuàng)建package.json文件;
2、創(chuàng)建一個(gè)app.js文件,下面的標(biāo)注都有了,簡(jiǎn)單的寫了一個(gè)接口,下面會(huì)用,對(duì)跨域訪問做了設(shè)置
var express=require('express'); var app =express(); //設(shè)置跨域訪問 app.all('*', function(req, res, next) { res.header("Access-Control-Allow-Origin", "*"); res.header("Access-Control-Allow-Headers", "X-Requested-With"); res.header("Access-Control-Allow-Methods","PUT,POST,GET,DELETE,OPTIONS"); res.header("X-Powered-By",' 3.2.1'); res.header("Content-Type", "application/json;charset=utf-8"); next(); }); var questions=[ { data:213, num:444, age:12 }, { data:456, num:678, age:13 }]; //寫個(gè)接口123 app.get('/123',function(req,res){ res.status(200), res.json(questions) }); //配置服務(wù)端口 var server = app.listen(3000, function () { var host = server.address().address; var port = server.address().port; console.log('Example app listening at http://%s:%s', host, port); })
3、接下來該安裝 express 框架了吧,因?yàn)槲覀兩厦嬗玫搅耍苯影惭b并寫入依賴?yán)铩?/p>
npm install express --save
項(xiàng)目目錄下:
1、隨便創(chuàng)建一個(gè) index.html 文件,做一個(gè)ajax 的get請(qǐng)求看看,url就是我們剛創(chuàng)建的服務(wù)端的接口地址。
$.ajax({ type:'get', url:'http://localhost:3000/123', success:function(data){ console.log(data); }, error:function(){ console.log('error'); } })
2、看下面的圖可以知道我們已經(jīng)請(qǐng)求到數(shù)據(jù)了,拿到的數(shù)據(jù)就隨便你處置了。
感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享的“基于node如何搭建服務(wù)器,寫接口,調(diào)接口,跨域”這篇文章對(duì)大家有幫助,同時(shí)也希望大家多多支持創(chuàng)新互聯(lián),關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,更多相關(guān)知識(shí)等著你來學(xué)習(xí)!