一、github创建项目到init,以及.gitignore

本栏目1、创建前段项目（Vue3+webpack5+Tsx）

二、安装express

cors 主要用于解决跨域问题滴。

yarn add express cors

三、目录

直接来目录，开发顺序需要，先创件文件目录

注：暂不使用express-generator暂不打包，体验自己搭建（实话：还没来得及看）

|ProjectsServer
-node_modules    //依赖包
-routes //路由文件夹
-controllers  //控制器文件夹
-services   //服务文件夹
-utils  //公用文件夹
-.gitignore //git配置
-app.js   //入口文件
-package.json   //配置文件
-nodemon.json   //nodemon配置文件
-yarn.lock  //依赖包锁
|ProjectsServer

四、创建控制器controllers

1. 在controllers下
2. sdf

创建test.js

const test1 = (req, res, next) => {
    res.status(200).json({
        code: "0",
        messages: ["success"]
    })
}

module.exports = { test1 }

创建index.js

const test = require('./test.js')
const controllers = { ...test }
module.exports = controllers

2. 在routes目录下

创建index.js

const express = require("express");
const router = express.Router();
const controllers = require('../controllers')

router.route("/test1").get(controllers.test1)

module.exports = router;

3. 在根目录

创建app.js

const express = require("express");
const cors = require("cors");
const router = require("./routes");
const app = express()
app.use(cors(), router);
app.all("*", (req, res, next) => {

});
const PORT = 3000;
app.listen(PORT, () => {
    console.log(`server running on port ${PORT}`);
});

module.exports = app;

配置package.json

将main 设置为app.js

scripts 设置为 "server": "node app.js"

终端运行 yarn server

打开chrome转入http://localhost:8000 ，看到数据就OK了。
github地址：github.com/myselfwly/P…