這次帶給大家如何使用node搭建伺服器,寫介面,調介面,跨網域,使用node建置伺服器,寫入介面,調諧介面,跨網域的注意事項有哪些,下面就是實戰案例,一起來看一下。 。
服務端專案目錄下:
1、npm init 建立package.json檔案;
2、建立一個app.js文件,下面的標註都有了,簡單的寫了一個接口,下面會用,對跨域訪問做了設置
var express=require('express'); var app =express(); //设置跨域访问 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 }]; //写个接口123 app.get('/123',function(req,res){ res.status(200), res.json(questions) }); //配置服务端口 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 框架了吧,因為我們上面用到了,直接安裝並寫入依賴裡。
npm install express --save
專案目錄下:
#1、隨便建立一個index.html 文件,做一個ajax 的get請求看看,url就是我們剛建立的服務端的介面位址。
$.ajax({ type:'get', url:'http://localhost:3000/123', success:function(data){ console.log(data); }, error:function(){ console.log('error'); } })
2、看下面的圖可以知道我們已經要求到資料了,拿到的資料就隨便你處置了。
相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!
推薦閱讀:
以上是如何使用node搭建伺服器,寫入介面,調諧介面,跨域的詳細內容。更多資訊請關注PHP中文網其他相關文章!