vue-resource实现跨域（获取express后端数据）

express:

• server.js

//设置跨域访问
server.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();
});

使用vue-resource

• main.js:

import VResource from 'vue-resource'
Vue.use(VResource)

• index.vue:

    created() {
        this.$http.get("http://localhost:1377/get_banners")
        .then(function (data) {
            console.log(data)
        },function (error) { console.log(error);});
    }