vue取数据库中的数据_vue中如何获取后台数据

需要引用vue-resource

在入口函数中加入

import VueResource from 'vue-resource'

Vue.use(VueResource);

在package.json文件中加入

"dependencies": {

"vue": "^2.2.6",

"vue-resource":"^1.2.1"

},

请求如下

mounted: function () {

// GET /someUrl

this.$http.get('http://localhost:8088/test').then(response => {

console.log(response.data);

// get body data

// this.someData = response.body;

}, response => {

console.log("error");

});

},

注意

1.在请求接口数据时,涉及到跨域请求

出现下面错误:

XMLHttpRequest cannot load http://localhost:8088/test. No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://localhost:8080’ is therefore not allowed access.

解决办法:在接