NodeJS+Express解決跨域問題:Access-Control-Allow-Origin

今天在玩vue-resource時,後臺使用nodejs來提供數據,因爲須要跨域,在網上也找到了解決方法。vue

vue-resource代碼(其實就是ajax技術):node

this.$http.get({url:"http://localhost:3000/getdata"})
.then(function (data) {
    console.log(data)
},function (error) {});

nodejs部分:ajax

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();
});

app.get('/getdata', function(req, res) {
    res.send({id:req.params.id, name: req.params.password});
});

app.listen(3000);
console.log('Listening on port 3000...');
相關文章
相關標籤/搜索