Vue工程与java工程联合调试

在后端代码没有开完完成时，前端是通过easyMock来完成代码的测试。当前端代码和后端代码都开发完成后，我们需要进行前后端代码的联调，也就是让前端代码直接访问后端代码，测试记录bug再修复系统。这里以前端VUe工程为例。

前端给的工程

Snipaste_2019-08-17_23-14-29.png

环境准备

(1)安装node.js

下载地址： https://nodejs.org/en/download/

测试 在命令提示符下输入命令

node -v

会显示当前node的版本

(2)全局安装淘宝镜像

输入命令，进行全局安装淘宝镜像。

npm install -g cnpm --registry=https://registry.npm.taobao.org

安装后，我们可以使用以下命令来查看cnpm的版本
cnpm -v

调试运行

(1)在工程所在目录进入命令行，执行以下命令

cnpm i

此命令用于安装工程所需依赖

(2)执行命令运行

npm run dev

执行后，会进行编译

4-7.png

4-8.png

这样访问http://localhost：8080就可以访问前端页面了。。