vue-cli3.0+ cube-ui配置 移动端+ axios + 跨域代理设置

本文介绍了如何使用Vue CLI 3.0创建项目,并结合cube-ui搭建移动端应用。详细步骤包括通过vue add cube-ui全局安装组件,选择vw布局,以及在main.js中引入并使用。此外,还讲解了安装axios和vue-axios,配置axios发送JSON数据,并在vue.config.js中设置跨域代理,解决API请求的跨域问题。
摘要由CSDN通过智能技术生成

首先vue-cli3.0创建好项目;

然后https://didi.github.io/cube-ui/#/zh-CN/docs/quick-start cube-ui 官网上找到a安装cube-ui的指令,因为是Vue CLI vue-cli@3,所以直接在vue项目初始化后 直接运行vue add cube-ui即可。

在这里插入图片描述
**上图为vue add cube-ui下载中的选项,根据自己喜好配置一下就行。这里我选的是 全局引入和vw布局。
安装完之后,**在main.js里引入
//引入cube-ui移动端插件
import Cube from ‘cube-ui’

Vue.use(Cube)

给app.vue里写一个padding值,然后重启项目查看对应的样式
代码截图
在这里插入图片描述
可以看出,px单位自动转换为了vw单位,此时说明移动端配置成功。

然后安装axios并配置跨域

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值