Linux H5开发环境搭建与数据库配置

在Linux系统中搭建H5开发环境，推荐使用Node.js作为基础运行时。通过官方包管理器安装最新LTS版本，例如Ubuntu可执行sudo apt update && sudo apt install nodejs npm，验证安装用node -v和npm -v命令。

前端项目通常采用Vue或React框架。以Vue为例，全局安装Vue CLI：npm install -g @vue/cli，随后创建项目vue create my-h5-app，进入目录并运行npm run serve启动本地开发服务器，默认监听http://localhost:8080。

AI生成内容，仅供参考

为提升开发效率，建议配置VS Code编辑器：安装ESLint、Vetur（Vue）、Auto Rename Tag等插件，并在工作区设置中启用保存时自动格式化与语法检查。

H5应用常需后端接口支撑，轻量级方案推荐使用SQLite或MySQL。若选用MySQL，Ubuntu下执行sudo apt install mysql-server，安装完成后运行sudo mysql_secure_installation加固安全。创建专用数据库：mysql -u root -p，再输入CREATE DATABASE h5_dev CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;

为便于前后端通信，可搭建简易Node.js后端（如Express）。初始化项目npm init -y，安装依赖npm install express cors body-parser，编写server.js启动HTTP服务，通过mysql2模块连接数据库，实现用户登录、数据查询等基本API。

数据库连接配置建议分离管理。新建config/db.js文件，导出包含host、user、password、database等字段的对象，并利用process.env读取敏感信息，避免硬编码。在.gitignore中加入.env文件，防止密钥泄露。

跨域问题是H5调用本地API的常见障碍。在Express中启用CORS中间件：app.use(cors({ origin: ‘http://localhost:8080’, credentials: true }))，同时确保前端请求携带withCredentials: true选项。

•通过Nginx代理可模拟生产环境路径。安装后配置/etc/nginx/sites-available/h5-dev，将/dist目录设为静态根路径，同时为/api前缀反向代理至本地Express端口，完成前后端同源部署预演。