当前位置：首页 > news >正文

关于本地端口启动问题

news 来源：原创 2025/4/30 8:24:39

如何启动一个本地端口

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('校验未通过')}})
}

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