本指南适用于在Linux服务器(推荐Ubuntu 22.04/CentOS 7+)上快速部署H5前端项目及配套数据库环境,全程命令可复制执行,无需手动修改配置文件。
执行基础依赖安装:sudo apt update && sudo apt install -y nginx git curl wget unzip python3-pip;若为CentOS,替换为sudo yum install -y nginx git curl wget unzip python3-pip。
安装并启用MySQL(或MariaDB):Ubuntu用户运行sudo apt install -y mysql-server && sudo systemctl enable mysql && sudo systemctl start mysql;CentOS用户使用sudo yum install -y mariadb-server && sudo systemctl enable mariadb && sudo systemctl start mariadb。安装后运行sudo mysql_secure_installation按提示设置root密码并完成安全初始化。
创建H5项目专用数据库与用户:登录MySQL(sudo mysql -u root -p),依次执行CREATE DATABASE h5db CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci; CREATE USER ‘h5user’@’localhost’ IDENTIFIED BY ‘StrongPass123!’; GRANT ALL ON h5db. TO ‘h5user’@’localhost’; FLUSH PRIVILEGES; EXIT;
配置Nginx托管H5静态资源:将前端构建输出的dist/目录(如位于/home/user/myh5/dist)设为站点根目录。编辑/etc/nginx/sites-available/h5.conf,写入server { listen 80; server_name _; root /home/user/myh5/dist; index index.html; location / { try_files $uri $uri/ /index.html; } };启用配置:sudo ln -sf /etc/nginx/sites-available/h5.conf /etc/nginx/sites-enabled/ && sudo nginx -t && sudo systemctl reload nginx。
如需API后端对接,H5项目可通过AJAX访问同一服务器的Node.js/PHP服务(端口建议3000或9000),注意Nginx反向代理配置中添加location /api { proxy_pass http://127.0.0.1:3000; proxy_set_header Host $host; },并确保防火墙放行对应端口(sudo ufw allow 80 && sudo ufw allow 3000)。

AI设计,仅供参考
全流程验证:浏览器访问服务器IP,应正常显示H5页面;通过mysql -u h5user -p h5db可连接数据库;curl http://localhost/api/test(若已部署API)应返回预期响应。所有操作均未修改系统默认服务端口,适配生产与测试环境。