node搭建服务端

超、凢脫俗 2022-11-07 04:21 142阅读 0赞

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

--------------------

### 第一章node搭建服务端 ###

*  搭建前后端分离项目（vue+node+mysql）
 *  语言与工具
 *   *  1.创建项目文件夹
     *  2.安装experss框架
     *  3.建立入口文件
     *  4.编写返回数据
     *  5.检验是否成功
 *  总结

--------------------

# 语言与工具 #

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

--------------------

## 1.创建项目文件夹 ##

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

--------------------

## 2.安装experss框架 ##

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

--------------------

## 3.建立入口文件 ##

在文件夹中新建一个api.js的文件用来写接口入口代码：  
![文件夹内容][20210311150618569.png_pic_center]  
我新建的是api.js。下面是api.js的代码：

--------------------

## 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

![成功界面][20210311162012395.png_pic_center]

--------------------

# 总结 #

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

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

--------------------

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

[npm init]: /images/20221023/bbc8deacf89e40f486abdabd8715d9d1.png
[npm i express]: /images/20221023/7042fcbf98b44075bcee7ea25f39616f.png
[20210311150618569.png_pic_center]: /images/20221023/8b51e3a76d044a058a7f035f2d1fea35.png
[20210311162012395.png_pic_center]: /images/20221023/96e3b9f6db834912b068e7a3e9a38971.png
[node_MySql]: https://blog.csdn.net/long19981231/article/details/114672252