如何使用vue-resource或axios發送http請求

vue-resource

使用npm安裝vue-resource，打開終端，在項目路徑中，輸入

npm install vue-resource --save

在入口文件main.js的開頭添加下面的兩條語句引入vue-resource並保存(全局配置vue-resource)

import VueResource from 'vue-resource'
Vue.use(VueResource)

如今，你就能夠使用vue-resource在vue實例的方法中發送http請求了，參照語法：

this.$http.get(url).then(function(){...},function(){...})
this.$http.post(url,params).then(function(){...},function(){...})

附：vue-resource官網：https://github.com/pagekit/vue-resource

axios

使用npm安裝axios，打開終端，在項目路徑中，輸入

npm install axios --save

在入口文件main.js的開頭添加下面的兩條語句引入axios並保存(全局配置axios，並且能夠設置通用的url前綴)

import axios from 'axios'
Vue.prototype.axios=axios
axios.defaults.baseURL = "http://localhost:3000";

如今，你就能夠使用axios在vue實例的方法中發送http請求了，參照語法：

this.axios.get(url).then(function(){...},function(){...})
this.axios.post(url,params).then(function(){...},function(){...})

附：axios官網：https://www.npmjs.com/package/axios