如何啟動一個本地端口

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，否則放在同一個文件夾中只能同時啟動一個端口監聽，不知道為什么。