今天学习了vue的基本操作。学习过程中发现vue请求tp项目的数据时会有跨域问题。。这个问题解决方法很简单就是在tp项目的头部添加

header('Access-Control-Allow-Origin: *');

header("Access-Control-Allow-Headers: Origin, X-Requested-With, Content-Type, Accept");

header('Access-Control-Allow-Methods: GET, POST, PUT');

就行了。

vue项目中直接使用axios请求就行了。。vue中的axios跟js的ajax是一样的。

vue中请求数据是这样的

//通过给定的ID来发送请求

axios.get('http://localhost/zerg/public/api/v1/theme?ids=1,2,3')

.then(function(response) {

console.log(response.data.);

})

.catch(function(err) {

console.log(err);

});

但是要引用axios文件。
完成代码如下