Vue3引入axios详解

Posted 谷哥的小弟

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue3引入axios详解相关的知识,希望对你有一定的参考价值。


版权声明

  • 本文原创作者:谷哥的小弟
  • 作者博客地址: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);
      );

    ,
  

以上是关于Vue3引入axios详解的主要内容,如果未能解决你的问题,请参考以下文章

vue3 history模式下 子路由刷新引入文件找不到

Vue3实战教程(快速入门)

Vue3的vue-router路由详解

vite3+vue3 项目打包优化实战之-视图分析(rollup-plugin-visualizer)CDN引入依赖分包gzip压缩history404问题

vite2+vue3引入scss不支持:export

vue3单页面引入公共的css,加了scoped但无法加deep,导致样式无法穿透,如何解决?