一. 什么是前后端联调
1.在我们开发的过程中,发送请求的ajax数据都不是后端返回的真数据,而是我们自己通过接口mock模拟的假数据,当前端的代码编写完成后,后端的接口也写好后,我们就需要把mock数据换点,尝试使用后端提供的数据,进行一个前后端的调试,我们会把这个过程叫做前后端接口联调。
2.前后端联调是一种真实业务数据和本地mock数据之间来回切换以达到前后端分离架构下的不同开发速度时数据交换的一种方式方法
二.环境的搭建
vue+vuex下载
二.2 koa环境的搭建
-
// 全局安装脚手架工具
-
npm i vue-vli -g
-
// 验证脚手架工具安装成功与否
-
vue --version
-
// 构建项目
-
vue init webpack 项目名
-
// 测试vue项目是否运行成功
-
npm run dev
-
// 安装vuex
-
npm i vuex --save
前端项目构建好了,就开始构建我们的后端服务。
首先在你的开发工具里新建一个目录,用来搭建基于koa的web服务。
在这里,我们不妨给这个目录起名为koa-demo。
-
// 进入目录
-
cd koa-demo
-
// 生成package.json
-
npm init -y
-
// 安装以下依赖项
<