1. 程式人生 > >用node寫資料介面,除錯,跨域,express中介軟體

用node寫資料介面,除錯,跨域,express中介軟體

進入服務端專案目錄下:

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 test=[
{
data:'hello',
},
{
data:'你好',

}];

//寫個介面
app.get('/word',function(req,res){
res.status(200),
res.json(test)
});

//配置服務埠

var server = app.listen(3000, function () {

var host = server.address().address;

 var port = server.address().port;


})
---------------------------------------------------------------------------


3、接下來該安裝 express 框架了吧,因為我們上面用到了,直接安裝並寫入依賴裡。

npm install express --save

4、開啟命令視窗,進入專案目錄下執行node app.js即可

node app.js

專案目錄下:

1、隨便建立一個 index.html 檔案,做一個ajax 的get請求看看,url就是我們剛建立的服務端的介面地址。


$.ajax({
type:'get',
url:'http://localhost:3000/test',
success:function(data){
console.log(data);
},
error:function(){
console.log('error');

}

})