今天学习了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文件。
完成代码如下
