Vue--Axios网络请求

第一步:  安装   sudo  cnpm  install axios  --save

第二步:   在main.js里面引用  (类似于模块)

                        import  Axios  from 'axios'  

                        Vue.prototype.$http=Axios 

Vue--Axios网络请求_第1张图片
图一    main.js

第三步:在build文件夹下,新建server.js,搭建后台环境,提供接口,供vue访问(主要用了两种方式,1,直接创建了一个对象,2,读取一个json文件)


Vue--Axios网络请求_第2张图片
图二  server.js

第四步:在config / index.js中,设置代理接口


Vue--Axios网络请求_第3张图片
图三 index.js

第五步:vue发送请求


Vue--Axios网络请求_第4张图片
图四  

你可能感兴趣的:(Vue--Axios网络请求)