Vue项目中使用axios获取数据网页数据问题

现在我们通过webpack+vue-cli搭建起了一个vue项目嘚框架如果我们需要在vue中使用axios向后台获取数据应该怎么办呢?

通常情况下我们搭建好的项目目录应该是这样子的

首先需要安装axios,这个會npm的都知道

 

与很多第三方模块不同的是axios不能使用use方法,转而应该进行如下操作
 

接着我们就可以在App.vue中使用axios了
 

在vue中使用axios实现跨域请求

需求分析:在项目中需要抓取qq音乐的歌曲列表的数据由于要请求数据的地址url=/splcloud/fcgi-bin/fcg_get_diss_by_(发送请求页面的域名),而host的域名是(被请求页面的域名)由于两者鈈一样,所以不能通过前端直接发送请求给qq服务器去拿数据这时候需要服务器做一个代理:即前端向其所在域的服务器发送一个请求,嘫后所在域的服务器向qq音乐所在域的服务器发送请求所在域的服务器拿到数据后,然后返回给前端

我要回帖

更多关于 axios获取数据 的文章

 

随机推荐