node搭建服务端
搭建前后端分离项目(vue+node+mysql)
第一章node搭建服务端
- 搭建前后端分离项目(vue+node+mysql)
- 语言与工具
- 1.创建项目文件夹
- 2.安装experss框架
- 3.建立入口文件
- 4.编写返回数据
- 5.检验是否成功
- 总结
语言与工具
开发工具用的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数据库。
不做理想的巨人,行动的矮子。言行一致,争创成功。
还没有评论,来说两句吧...