搭建框架基础设施(一)全局配置、登录页面、搭建路由框架

本文介绍了如何搭建Vue.js项目的基础框架,包括引入Element UI、vue-cookie和axios依赖,创建全局配置文件以设置API地址前缀,编写登录页面,并详细讲述了如何搭建路由框架,包括index.js的配置和modules文件夹的结构,以实现权限路由的初步布局。
摘要由CSDN通过智能技术生成

1、引入所需依赖

引入Element UI(本项目版本2.13.1)

npm install element-ui -save # "-save"会将模块依赖写入package.json的dependencies节点

引入vue-cookie(本项目版本1.1.4),让项目可以方便使用cookie

npm i vue-cookie -S  # "i"是install的简写,"-S" 是 "-save"的简写

引入axios(本项目版本0.19.2),这是搭建api请求框架的核心依赖

npm i axios -S

2、新建全局配置文件

在项目的src目录下,新建config目录,用于存放配置文件。
在config目录下,新建index.js,存放全局配置内容。

index.js:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值