vue中使用axios,来完成数据交互

博主最开始使用的就是,vue-resource,但是遇到跨域问题是就很难受,后台java怎么都解决不了跨域问题,vue-resource也没有很好的支持,后来无奈只能使用jquery的jsonp来完成请求,但是既然已经使用了vue了,理当放弃juery,偶然的机会接触到了axios,下面就来为大家介绍axios的使用

1.安装axios        

        无论使用什么插件,第一步自然是安装

           npm install axios -s

            vue中使用axios,来完成数据交互_第1张图片

2.在main.js中引入

            vue中使用axios,来完成数据交互_第2张图片

            先是import引入axios,引入完成之后是不可以直接使用的,这个时候需要改写原型链,

            对原型链不熟悉的同学,可以去看看我的另一篇博客,对原型链的理解

3.使用

          vue中使用axios,来完成数据交互_第3张图片  

你可能感兴趣的:(vue.js)