跟着b站的up主学vue,想用vue-resource请求数据,但是控制台输出的结果与up主的并不一致,数据也获取失败,请问是什么原因呢?
上网搜了一下这些问题的解决方法,但是好像都没有任何效果,还有其他解决方法吗?帮帮忙
以下是源码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!-- <meta http-equiv="Access-Control-Allow-Origin" content="*"> -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="./js/vue.js"></script>
<!-- vue-resource 只能在vue后面导入 -->
<script src="./js/vue-resource.js"></script>
</head>
<body>
<div id="app">
<input type="button" value="Get请求" @click="getInfo">
<input type="button" value="Post请求" @click="postInfo">
</div>
<script>
var vm=new Vue({
el:'#app',
data:{},
methods: {
/* getInfo(){
// get方式请求数据
this.$http.get('Access-Control-Allow-Origin:http://39.106.32.91:3000/api/getlunbo').then(function (data) {
console.log(data);
}).catch(data=>{
console.log('数据错误');
})
} */
async getInfo(){
var {body}=await this.$http.get('Access-Control-Allow-Origin:http://39.106.32.91:3000/api/getlunbo')
console.log(body);
},
async postInfo(){
var {body}=await this.$http.post('Access-Control-Allow-Origin:http://39.106.32.91:3000/api/post',{name:'老李',age:22,gender:'男'})
console.log(body)
}
},
})
</script>
</body>
</html>