Vue3+Element-Plus 项目初始化四

1.后端项目的环境配置安装

 前端项目想要正常开发，必须依靠一个后台的接口项目才行。接下来进行教我们如何配置后台的项目，从而支持我们前端项目的开发。

1. 安装mysql数据库
2. 安装Node.js环境 （后台的接口项目依赖于Node.js才能运行）
3. 配置项目相关信息 （安装后台项目的相关依赖包）
4. 启动项目
5. 使用Postman 测试后台项目接口是否正常

---

2.安装mysql数据库

㈠ mysql 数据库自行百度安装。以下是后端API 接口项目以及使用到的数据库

vue_shop_server: 电商管理后台API接口 效果展示:axios.defaults.baseURL = https://lianghj.top:8888/api/private

3.安装Node.js环境

 前面章节有介绍，这里直接跳过

4.配置项目相关信息

 本练习项目，提供了后台API接口项目，根据自己的mysql 数据库配置，在config配置文件更改数据库账户或者密码。默认账户密码是root。

5.启动项目

 ①首先在后端项目根目录，按住Shift+鼠标左键，打开Powershell 窗口

②输入npm install 进行安装项目依赖

③安装成功后，输入node app.js 运行项目。显示如图没有报错则运行成功

6.使用Postman测试后台项目接口是否正常

①根据项目文档提供的接口地址，进行访问。这里直接使用vs code 安装Thunder client进行测试，也可以使用Postman。Thunder Client跟postman用法其实一样的

②点击安装好的插件，创建请求

③显示如图，有数据返回则表示接口访问正常

 后端接口地址：vue_shop_server: 电商管理后台API接口 效果展示:axios.defaults.baseURL = https://lianghj.top:8888/api/private (gitee.com)https://gitee.com/lysimportant/vue_shop_server

后端接口文档地址：
vue_shop: 基于Vue2 -- Vue-cli3 开发的后台管理项目 配合 element-ui 效果展示: admin.lianghj.top (gitee.com)https://gitee.com/lysimportant/vue_shop

 以上出自于：【黑马程序员】前端开发之Vue项目实战_Element-UI【配套源码+笔记】_哔哩哔哩_bilibilihttps://www.bilibili.com/video/BV1x64y1S7S7?p=1