vue中axios的使用

Deryck_德瑞克2024-05-26 8:56

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);
});