Vue前端请求（vue-resource与axios）

原来使用的模板前端请求使用的是vue-resource，随着更新vue更推荐使用axios

vue-resource

show(){
          this.$http.get('/api/step/test')
          .then((response) => {
            console.log(response.bodyText)
          })
        }

axios

test(){
          this.axios.get('/api/step/test').then((response) => {
            console.log(response.data)
          })
        }

后端接口返回的都是字符串，取数据有不同，请求写法也有所不同

axios的写法参考https://blog.csdn.net/Laputa219/article/details/106802230
项目中使用的方式如图：

注：

main.js里同时使用axios和vue-resource时项目启动后打开的页面空白，尝试注释掉其中之一后都正常，所以应该是一起使用导致的。