Axios
如果要在vue項(xiàng)目中使用axios的話：
1.首先肯定是安裝并添加到生產(chǎn)環(huán)節(jié)的依賴
cnpm install axios --save
2.在main.js中引入axios
import axios from 'axios'
3.設(shè)置默認(rèn)屬性
// 設(shè)置axios 的默認(rèn)屬性
// axios.defaults.withCredentials = false //(跨域時(shí)是否使用證書)
// axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8' //(請(qǐng)求頭)
axios.defaults.baseURL = (process.env.NODE_ENV == 'development' ? 'http://192.168.1.234:10086/Api/StartAPI/StartAPI' : 'http://www.hhh.com/Api/StartAPI/StartAPI') //(根據(jù)開發(fā)環(huán)境和生產(chǎn)環(huán)境使用不同的請(qǐng)求地址)
4.然后因?yàn)閍xios并不是vue的插件所以不能用Vue.use,但可以將它添加到Vue的原型中
//將axios添加到vue的原型中
Vue.prototype.$http = axios
這樣我們也可以像調(diào)用vue-resourece一樣在組件中調(diào)用axios的方法.
具體方法可以查看官方文檔或者翻譯過來的中文文檔
5.在組件中調(diào)用
created(){
var that = this
this.$http.get("/api/db")
.then(function (res){
console.log(res.data)
})
},
