Vue3引入axios详解

Posted 2022-02-09 谷哥的小弟

---

版权声明

• 本文原创作者：谷哥的小弟
• 作者博客地址：http://blog.csdn.net/lfdfhl

---

安装axios

请打开前端项目的文件夹，例如：E:\\Dropbox\\phoenix\\SpringBootProjects\\svms\\svmsfrontend

在前端项目的文件夹位置打开DOS

请在DOS中输入npm install axios -S并回车对axios进行安装。

安装完毕后可使用npm axios -v命令查看axios的版本信息。

引入axios

请在vue中引入axios

// 引入axios
import axios from "axios";

使用axios

在methods中使用axios

  methods:
    onSubmit() 
      let path = "http://localhost:8080/userController/login";
      let user =username:"zxx",password:"123456";
      let this_=this;
      axios.post(path,user).then(function (response) 
        console.log(response);
        // 页面跳转
        this_.$router.push( path: "/" );
      ).catch(function (error) 
        console.log(error);
      );

    ,