同时多个axios请求_Vue 3.x 配置axios及路由

本文详细介绍了如何在Vue 3.x项目中配置axios,包括安装、全局配置和使用方法,同时讲解了路由的安装与配置,并提到了后端解决接口跨域问题的方案。
摘要由CSDN通过智能技术生成

Vue 3.x 配置axios及路由

编者: wRitchie(吴理琪) 来源:http://www.bj9420.com

概述:目前,Vue3.x已于2020年9月19日发布,但实际项目中使用的也许不是很多,网上资料相对较少,而与2.x又有些变化,对于初步准备使用Vue3.x的初涉开发人员,还是比较麻烦,本文亦是做为新人,实际项目搭建使用中,短期内要完成项目的开发,遇到很多问题,通过不断查找,实践而成的记录,希望阅读到的人员能减少摸索的时间,快速使用,本文主要解决配置及使用axios、路由以及后端解决接口访问跨域的问题。

一、 安装axios

使用yarn:yarn add axiosyarn add vue-axios使用npmnpm install axiosnpm install vue-axios

1、安装命令npm install axios -S

e2438828cd48b61a8b4872a7286fc5ea.png
89ea4ff04995fb94bb0959d1e368d384.png

2、安装成功

64b1baac70daa4b2a1fdbb772a15024e.png

二、安装vue-axios

1、安装命令npm install vue-axios -S

d53c1b2b9a01a52f75c6a4233603e52b.png

2、安装成功

f600bd288194bc3db0978c2efa6d168c.png

3、全局配置axios

在main.js全局配置axios(在vue3.x中引入了一个新的函数名createApp,会把容器挂载到上面,因此会新命名一个变量const ap

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值