关于本地端口启动问题

如何启动一个本地端口

1. Node.js (使用Express框架)

使用node.js的方法

注意：下列bash命令最好在管理员权限运行的cmd窗口中进行，否则可能会有权限错误

首先，确保您已经安装了Node.js和npm。然后，创建一个新的Node.js项目并安装Express：

mkdir myproject  // 新建文件夹
cd myproject  // 进入文件夹
npm init -y
npm install express  // 安装express

创建一个名为server.js的文件，并添加以下代码：

import express from 'express';
import cors from 'cors';

const app = express();
const PORT = 3000;

app.use(cors());
app.use(express.json());

const users = [
    { username: 'admin', password: '66666666' }
];

app.post('/login', (req, res) => {
    const { user, password } = req.body;
    const foundUser = users.find(u => u.username === user && u.password === password);

    if (foundUser) {
        res.json({ success: true, message: '登录成功' });
    } else {
        res.status(401).json({ success: false, message: '用户名或密码错误' });
    }
});

app.listen(PORT, () => {
    console.log(`Server running on http://localhost:${PORT}`);
});

运行服务器：

node server.js

这将启动一个Express服务器，监听3000端口。

同时因为这里的后端代码访问（post）的是‘/login’，所以将前端代码修改为如下所示即可

function submitForm(formEl){
    // 校验
    formEl.validate(valid=>{
        // 发送请求
        // 跳转到首页
        if(valid) {
            axios.post('http://127.0.0.1:3000/login', ruleForm).then(res=>{
                console.log(res);
            })
        }else {
            alert('校验未通过')
        }
    })
}

这样点击登录按钮再查看返回的信息即如下所示。 

 

注意：如果要同时开启多个本地端口监听，那么要将两个本地端口监听的配置文件放在不同的文件夹下，然后启动cmd，否则放在同一个文件夹中只能同时启动一个端口监听，不知道为什么。