前端随笔(实测axios之get请求)

1.main.js

两种书写方式,已验证

import Vue from 'vue'
import App from './App'
import router from './router'
import axios from 'axios'
import VueAxios from 'vue-axios'
Vue.use(VueAxios, axios)
Vue.config.productionTip = false
new Vue({
  el: '#app',
  router,
  components: { App },
  template: ''
})

============================

import Vue from 'vue'
import App from './App'
import router from './router'
import axios from 'axios'
Vue.prototype.axios = axios
Vue.config.productionTip = false
new Vue({
  el: '#app',
  router,
  components: { App },
  template: ''
})

2.Login.vue

写法1(get请求,常规写法,参数以?拼接在url中):






============================

写法2(get请求,简化写法,推荐使用写法2,请求参数卸载params中):





3.万能的接口:

http://www.wwtliu.com/sxtstu/blueberrypai/getChengpinDetails.php

前端随笔(实测axios之get请求)_第1张图片

注:上述了个简单的get请求,标题3的意义在于让开发者可以快速验证写完的效果,初学者,基本按此代码复制粘贴,3分钟可入门理解。 

前端随笔(实测axios之get请求)_第2张图片

你可能感兴趣的:(前端随笔(实测axios之get请求))