环境准备与服务器配置

部署前需完成阿里云ECS实例创建，推荐选择CentOS或Ubuntu系统。通过控制台安全组设置开放80(HTTP)、443(HTTPS)及SSH连接端口，建议禁用root账户远程登录并配置密钥认证。

项目打包与文件传输

在vue.config.js中配置publicPath为相对路径，避免部署后静态资源加载失败。通过npm run build生成dist目录，使用SCP命令或Xftp上传至服务器/var/www目录。

1. 修改vue.config.js配置：

   module.exports = {
   publicPath: './',
   assetsDir: 'static'
   }

2. 压缩dist文件夹减小传输体积
3. 创建服务器存储目录：mkdir -p /var/www/project

Nginx服务配置详解

通过yum安装Nginx后，在/etc/nginx/conf.d目录新建项目配置文件，需特别注意路由重定向设置：

server {
listen 80;
server_name your_domain;
root /var/www/project/dist;
location / {
try_files $uri $uri/ /index.html;
}

执行nginx -t验证配置有效性，通过systemctl restart nginx重启服务生效。

部署验证与故障排查

访问服务器公网IP进行功能验证，常见问题排查方法包括：

• 检查Nginx错误日志：/var/log/nginx/error.log
• 确认防火墙放行策略
• 验证文件权限：chmod -R 755 /var/www

建议配置HTTPS证书提升安全性，可使用Let’s Encrypt免费证书。