win8风格网站开发实例做网站做好用的软件

如何启动一个本地端口

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，否则放在同一个文件夹中只能同时启动一个端口监听，不知道为什么。