vue中axios的使用

1.get请求

javascript 复制代码
axios.get('http://127.0.0.1:2333/show_course', {
  params: {
    param: choice
  }
})
.then((response) => {
  this.list = response.data;
})
.catch((error) => {
  console.error(error);
});

2.post请求:当需要向服务器提交数据以创建新资源时使用。例如,注册新用户、创建新文章或提交表单数据

javascript 复制代码
axios.post('http://127.0.0.1:2333/create_course', {
  courseName: '新课程',
  description: '这是新课程的描述'
})
.then((response) => {
  console.log(response.data);
})
.catch((error) => {
  console.error(error);
});

3.put请求:当需要更新服务器上已存在的资源时使用。例如,更新用户资料、修改文章内容或替换资源

javascript 复制代码
axios.put('http://127.0.0.1:2333/update_course/123', {
  courseName: '更新后的课程',
  description: '这是更新后的课程描述'
})
.then((response) => {
  console.log(response.data);
})
.catch((error) => {
  console.error(error);
});
相关推荐
m0_7482550225 分钟前
前端常用算法集合
前端·算法
真的很上进39 分钟前
如何借助 Babel+TS+ESLint 构建现代 JS 工程环境?
java·前端·javascript·css·react.js·vue·html
web130933203981 小时前
vue elementUI form组件动态添加el-form-item并且动态添加rules必填项校验方法
前端·vue.js·elementui
NiNg_1_2341 小时前
Echarts连接数据库,实时绘制图表详解
前端·数据库·echarts
如若1232 小时前
对文件内的文件名生成目录,方便查阅
java·前端·python
滚雪球~3 小时前
npm error code ETIMEDOUT
前端·npm·node.js
沙漏无语3 小时前
npm : 无法加载文件 D:\Nodejs\node_global\npm.ps1,因为在此系统上禁止运行脚本
前端·npm·node.js
supermapsupport3 小时前
iClient3D for Cesium在Vue中快速实现场景卷帘
前端·vue.js·3d·cesium·supermap
brrdg_sefg3 小时前
WEB 漏洞 - 文件包含漏洞深度解析
前端·网络·安全
胡西风_foxww3 小时前
【es6复习笔记】rest参数(7)
前端·笔记·es6·参数·rest