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](https://i-blog.csdnimg.cn/blog_migrate/ec1077c3d9117adec70ff8c1900fbce3.jpeg)
![89ea4ff04995fb94bb0959d1e368d384.png](https://i-blog.csdnimg.cn/blog_migrate/adbe785ecbbf3f2f3fe535be9faff181.jpeg)
2、安装成功
![64b1baac70daa4b2a1fdbb772a15024e.png](https://i-blog.csdnimg.cn/blog_migrate/94ea2969efda475bc9fec2d2fbfbef42.jpeg)
二、安装vue-axios
1、安装命令npm install vue-axios -S
![d53c1b2b9a01a52f75c6a4233603e52b.png](https://i-blog.csdnimg.cn/blog_migrate/9d7e0e2035f6651b04288f3ab1551647.jpeg)
2、安装成功
![f600bd288194bc3db0978c2efa6d168c.png](https://i-blog.csdnimg.cn/blog_migrate/90b00fdf63693e57f0f99084621107a9.jpeg)
3、全局配置axios
在main.js全局配置axios(在vue3.x中引入了一个新的函数名createApp,会把容器挂载到上面,因此会新命名一个变量const ap