宝塔面板部署前端项目

### 宝塔面板部署前端项目并设置默认首页的方法 在宝塔面板中部署前端项目并设置默认首页是一项常见的操作。以下是关于如何完成这一任务的具体方法： #### 1. 创建站点 进入宝塔面板后，在左侧菜单栏找到 **网站**，点击 **添加站点**。按照提示填写相关信息，包括域名（如果有域名的话）、根目录路径以及其他必要配置[^4]。 #### 2. 上传项目文件 创建好站点后，可以通过 FTP 或者 文件管理器 将已经编译好的前端项目文件上传到对应的站点根目录下。如果尚未编译，则需要先执行 `npm install && npm run build` 来安装依赖并打包构建项目[^5]。 #### 3. 修改默认首页文件名 为了使浏览器能够正确加载指定的 HTML 页面作为入口页面，通常需要将该项目的主要入口文件命名为 `index.html`。这是因为大多数 Web 服务器（如 Nginx 和 Apache）都会优先查找名为 `index.html` 的文件来显示为主页内容。 如果不想更改原有文件的名字，也可以通过调整服务器配置实现同样的效果。具体做法是在宝塔面板中的目标站点设置里找到 **默认文档** 配置项，并在此处按顺序填入实际使用的主页文件名称，例如 `homePage.html, index.htm, default.html` 等等。 #### 4. 测试访问 完成上述步骤之后保存修改，重启 Nginx 服务以应用新的配置变化。接着就可以尝试打开所绑定的域名或者 IP 地址查看是否成功展示出了预期的内容了。 ```bash # 如果遇到权限问题可以运行以下命令赋予适当读写权限给整个项目文件夹及其子文件夹 chmod -R 755 /www/wwwroot/your_project_directory/ ``` 以上就是在宝塔面板环境下部署一个静态前端项目的完整过程以及如何设定其默认首页的方式。