前后端交互项目开发的启动过程【记录一下，方便查找】

前提：项目搭建的环境是node.js启动后端，npm启动前端，并将项目在Visual Studio Code中打开。前端用的框架是Vue2，使用Vue-cli创建项目。另外需要使用MySql Workbench创建数据库test，使用此数据库创建user表。

实现：在项目中创建一个server文件夹，用来编写接口文件，方便操作数据库中的表，从而与数据库实现交互；另外前端的组件中需要获取和录入数据时，可以通过与后端交互，从而实现数据响应。

步骤如下： 

一、连接数据库： 

1、在Mysql Workbench中连接数据库，创建一个新的数据库test0，在test0中新建一个表user，用来存储用户的注册信息。

二、启动后端： 

1、处理好上述过程后，在终端命令行的项目所在路径下输入【cd server】，进入server文件夹；

2、接着输入【node app.js】，从而启动服务端。

三、启动前端：

1、新建终端，在项目所在路径下输入【npm run serve】，从而启动前端项目；

2、打开端口地址，进入浏览器，可以看到界面，从而成功启动前后端交互项目。

四、遇到的问题：

注册信息没有记录到数据库的user表中，由两个原因：

1、端口问题：就是服务器端口冲突的问题；

解决方法：把默认的80端口号改为3000，相应的URL地址改为https://127.0.0.1:3000即可；

2、数据库用户权限问题：就是当前用户对于数据库的权限不足；

解决方法：在终端命令行中输入一下命令即可：

use test;
alter user 'root'@'localhost' identified with mysql_native_password by '123456';
flush privileges;
//注意：test为数据库名字,root为用户名,123456为密码,请根据自己的数据库实际情况调整

不出意外的话，遇到的这几个问题在做完上述步骤之后就能解决啦！

还有什么问题，也欢迎友友们在评论区里留言，大家一起来解决哩！