Node接口搭建笔记(三)

视频课程地址：https://www.bilibili.com/video/av59056478
资金管理系统带权限(node/element/vue)

vue项目搭建

1. 查看vue版本是否是3.X

2. cd到项目根目录，通过vue指令创建一个vue3项目
   
   (Babel, Vuex, Router)

3. 安装完成后可以启动vue项目，可以通过8080端口进行访问
   

前后端连载配置

可以注意到，后端启动之后是访问的5000端口。意味着我们在运行项目时需要开两个终端。
分开启动非常麻烦，我们可以通过前后端连载来使得简化运行时的操作。
需要安装一个第三方模块concurrently， 它的作用就是可以将多个终端绑定在一起来启动

npm install concurrently

安装完成之后，还需要做一些配置:
client下的package.json
根目录下的package.json:

"client-install":
确定前端client里面依赖的模块，代表着启动的时候会安装client依赖的模块
"client":
启动前端的项目，npm start相当于执行client里面的npm run serve，–prefix client是在指定路径
"dev"
将前后端连载

完成之后执行npm run dev

后端访问：localhost:5000/
前端访问：localhost:8080/