通过coreUI for vue 搭建vue 前台(实现前后分离)

• 1.下载coreUi for vue

  打开官方网站:coreui.io/ 找到 CoreUI for Vue.js 点击进入 找到DOWNLOAD 点击进入 找到普通版本,点击后跳转到GitHub中,找到

这个有2个 ,第一个是包含了案例的版本,第二个是 精简版, 我们下载精简版就行了,通过 git 工具 clone 到本地下来.

• 2.运行项目

使用git 工具 ,进入项目的目录,使用

npm run dev

如果出现问题,请查看是否安装node.js等具体可以查看: 安装的教程

如下表示运行成功:

• 3.进入项目后,进入config里面配置相应的要请求的api地址

  

• 4.添加登录界面和设置路由配置

  

  Login.vue 我们也 登录界面的 form表单

在 src/router/index.js 里面设置相应的路由