1-----下载
npm install axios -S
2----引用
import axios from 'axios';
Vue.prototype.$http = axios
3---get请求可以直接使用,但是post请求必须引入qs
接受post参数需要引入body-parser模块
npm i qs -S
在main.js中写引入的模块qs
import qs from 'qs';
Vue.prototype.$qs = qs;
引入body-parser模块
npm i body-parser -S
在后台server.js中写入
const bodyParser=require('body-parser')
var urlencodedParser = bodyParser.urlencoded({ extended: false })
app.post('/login',urlencodedParser,(req,res)=>{
res.send(req.body)
})
在前端页面写入
this.$http.post('http://localhost:8989/login', this.$qs.stringify({
user:'Fred',
pass:'Flintstone'
}))
.then(function (res) {
console.log(res);
})
.catch(function (error) {
console.log(error);
})
.then(function () {
// always executed
});