node搭建服务端

搭建前后端分离项目（vue+node+mysql）

---

---

语言与工具

开发工具用的VScode，语言node.js，框架Express

---

1.创建项目文件夹

新建一个文件夹，进入到此文件夹下打开cmd（shitf+右键），输入npm init 回车，然后输入自己项目名字，随后一直回车，成功后项目配置文件 package.json在该文件夹内。

---

2.安装experss框架

随后继续输入npm i express安装框架：

---

3.建立入口文件

在文件夹中新建一个api.js的文件用来写接口入口代码：

我新建的是api.js。下面是api.js的代码：

const express = require('express')
const app = express();
const bodyParser = require('body-parser');

app.use((req, res, next) => {
    res.header('Access-Control-Allow-Origin', '*');
    res.header('Access-Control-Allow-Headers', 'Origin, X-Requested-With, Content-Type, Accept, Access-Control-Expose-Headers, Platform, Token, Uid');
    res.header('Access-Control-Allow-Methods', 'PUT, POST, GET, DELETE, OPTIONS, HEAD');
    res.header('Content-Type', 'application/json; charset=utf-8');
    next();
  });
  
  app.use(bodyParser.json());
  app.use(bodyParser.urlencoded({ extended: true }));
  
  //这是为了api模块话管理，前面的是API请求时的路径，后面时处理API请求的文件位置
  app.use('/wzapi/login', require(__dirname + '/module/login'));

//监听的端口号可更改
app.listen(8090, () => {
    console.log('express listen port 8090');
  });
  

---

4.编写返回数据

新建一个module文件，用作模块化管理API。

const express = require('express');
const router = express.Router();

//router.get是处理GET请求的方法，router.post是处理POST请求的方法
router.get('/select', async (req, res) => {
	//返回到浏览器的数据
    res.json({ code: 10086, data: ['测试数据返回'], message: '错误信息' })
    
});
module.exports = router;

5.检验是否成功

在终端输入node api.js（api.js是第三步创建的入口文件）。
运行成功后在浏览器端输入对应的地址即可得到数据
比如在我的项目中配置部分如下

api.js中的
	app.use('/wzapi/login', require(__dirname + '/module/login'));

logi文件中的
	router.get('/select',......//后面省略

所以请求地址为：http://localhost:8090/wzapi/login/select

---

总结

随后会介绍服务器与 MySql数据库连接。可以先准备好MySql环境，以及MySql的可视化navicat等工具

下一章地址：
第二章 node服务端连接MySql数据库。

---

不做理想的巨人，行动的矮子。言行一致，争创成功。