一、项目构建
- 安装依赖：进入项目根目录，在命令行中执行 npm install 或 yarn install，安装项目所需的所有依赖包。这一步确保项目运行所需的各种库和工具都已准备好。
- 构建项目：根据目标平台进行构建。如果是 Web 端，在命令行中执行 npm run build:h5 或 yarn build:h5。构建过程中，Uniapp 会将项目代码进行编译、打包，生成最终可以部署到服务器上的静态文件。这些静态文件通常位于项目根目录下的 dist 文件夹中。
二、服务器准备
- 选择服务器：可以选择云服务器（如阿里云、腾讯云等），根据项目预计的访问量和数据存储需求，合理选择服务器的配置（如 CPU、内存、硬盘等）。
- 配置服务器环境：
-
- 安装 Web 服务器软件：常用的有 Nginx 或 Apache。以 Nginx 为例，在 Linux 系统中，可以通过包管理器安装，如在 Ubuntu 系统中执行 sudo apt-get install nginx。
-
- 配置 Nginx：找到 Nginx 的配置文件，通常位于 /etc/nginx/nginx.conf 或 /etc/nginx/sites – available/default。打开配置文件，添加一个新的 server 块来指向 Uniapp 项目构建后的静态文件目录。例如：
server {
listen 80;
server_name your_domain.com; # 替换为你的域名
location / {
root /path/to/your/dist/folder; # 替换为实际的dist文件夹路径
index index.html;
try_files $uri $uri/ /index.html;
}
}
上述配置中，listen 指定监听的端口，server_name 是你的域名，root 指向项目构建后的 dist 文件夹路径。try_files 指令用于处理单页面应用的路由问题，确保在用户直接访问某个页面路径时，也能正确加载页面。
三、上传项目文件
- 使用 FTP 工具：如 FileZilla，连接到服务器。将项目根目录下的 dist 文件夹中的所有文件上传到服务器上 Nginx 配置中指定的 root 目录下。
- 使用命令行工具：在 Linux 系统中，可以使用 scp 命令进行文件传输。例如，将本地的 dist 文件夹上传到服务器的 /var/www/html 目录下，可以执行以下命令：
scp -r /path/to/local/dist user@server_ip:/var/www/html
其中，/path/to/local/dist 是本地 dist 文件夹路径，user 是服务器用户名，server_ip 是服务器 IP 地址。
四、域名解析与访问
- 域名解析：在域名注册商的管理控制台中，添加一条 A 记录，将域名指向服务器的 IP 地址。等待 DNS 解析生效，通常需要几分钟到几小时不等。
- 访问项目：在浏览器中输入你的域名，即可访问部署后的 Uniapp 项目。如果出现问题，可以检查 Nginx 的错误日志（通常位于 /var/log/nginx/error.log），查看具体的错误信息进行排查。
