index.html中引入
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script src="./utils/request.js"></script>
<body>
<div class="" id="app">
</div>
</body>
<script>
var app = new Vue({
el: '#app',
data(){
return {
nearbyList:[]
}
},
created(){this.getNearbyList()},
mounted(){},
methods: {
getNearbyList() {
get('/api/shop/hot-list').then(response => {
this.nearbyList = response.data;
console.log( response.data)
}).catch(err => {
console.log(err);
});
}
}
});
</script>
request.js
const instance = axios.create({
baseURL: 'https://www.xxxx,
timeout: 10000
})
function get(url, params) {
return new Promise((resolve, reject) => {
instance.get(url, { params: params })
.then((res) => {
resolve(res.data);
})
.catch((err) => {
reject(err.data);
});
});
}
function post(url, data) {
return new Promise((resolve, reject) => {
instance.post(url, data,{
headers:{
'Content-Type':'application/json'
}
})
.then((res) => {
resolve(res.data);
})
.catch((err) => {
reject(err);
});
});
}
这样就可以在index.html中打印出 response.data
