Vue - axios 增删改查

1:安装axios(建议安装淘宝镜像)
npm install axios
2:项目导入
npm install --save axios vue-axios 
3:页面导入
import axios from 'axios';
4:功能实现
//查询 search: 
axios.get('http://xxx.xx.xxx/api/xxx')

//添加 add:     
axios.post('http://xxx.xx.xxx/api/xxx', data)

//删除 del:     
axios.delete('http://xxx.xx.xxx/api/xxx/{id}')

//修改 edit:    
axios.patch('http://xxx.xx.xxx/api/xxx', data) 
5:格式:(查询)
axios.get('http://xxx.xx.xxx/api/xxx')
.then(res => {
    console.log(res)        //查询成功返回的值
})
.catch(error => { 
    console.log(error)      //查询失败返回的值
})  

你可能感兴趣的:(Vue - axios 增删改查)