vue-cli安装及axios基础使用

Vue-cli安装及axios基础使用

 

vue-cli是一个很方便的脚手架,安装过程可按菜鸟教程

地址:http://www.runoob.com/vue2/vue-install.html

全程按着菜鸟教程走就可以了,没有npm或者cnpm(淘宝镜像)请去node官网下载安装Node(Node自带),剩下的看相关教程

 

 

 

---

安装完后,进入相应文件夹安装axios相关依赖

(--save和-dev没连在一起会有些小问题)

npm install axios --save-dev

 

在main.js中(全局)写入

// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'
import router from './router'
import axios from 'axios'

//axios.defaults.withCredentials=true   //全局请求头,这是比较常用的携带cookie
// axios.defaults.headers['X-Requested-With'] = 'XMLHttpRequest' //另一个例子
Vue.prototype.$axios = axios
Vue.config.productionTip = false

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  components: { App },
  template: ''
})

若是只需要局部引入的话可以在相应文件中直接引入就好了

 

axios使用的两种方法(格式):

方法一:

方法二:

以上是axios使用方法,安装教程来自菜鸟