const http = require('http');
const fs = require('fs');
const path = require('path');
const PORT = 3000;
const server = http.createServer((req, res) => {
console.log(`${req.method} ${req.url}`);
// 设置CORS头
res.setHeader('Access-Control-Allow-Origin', '*');
res.setHeader('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE, OPTIONS');
res.setHeader('Access-Control-Allow-Headers', 'Content-Type, Authorization');
if (req.method === 'OPTIONS') {
res.writeHead(200);
res.end();
return;
}
let filePath = req.url === '/' ? '/index.html' : req.url;
// 如果是API请求，代理到后端
if (req.url.startsWith('/api')) {
const http = require('http');
const options = {
hostname: 'localhost',
port: 8080,
path: req.url,
method: req.method,
headers: req.headers
};
const proxyReq = http.request(options, (proxyRes) => {
res.writeHead(proxyRes.statusCode, proxyRes.headers);
proxyRes.pipe(res);
});
req.pipe(proxyReq);
return;
}
// 静态文件服务
const fullPath = path.join(__dirname, 'dist', filePath);
fs.readFile(fullPath, (err, data) => {
if (err) {
res.writeHead(404, { 'Content-Type': 'text/html' });
res.end(`
开发服务器
开发服务器正在运行
端口: ${PORT}
请先运行 npm run build 构建项目
`);
return;
}
const ext = path.extname(fullPath);
const contentType = {
'.html': 'text/html',
'.js': 'text/javascript',
'.css': 'text/css',
'.json': 'application/json'
}[ext] || 'text/plain';
res.writeHead(200, { 'Content-Type': contentType });
res.end(data);
});
});
server.listen(PORT, '0.0.0.0', () => {
console.log(`🚀 开发服务器运行在 http://localhost:${PORT}`);
console.log(`🌐 网络访问: http://0.0.0.0:${PORT}`);
});