vue部署到阿里云，从零开始，Vue项目部署到阿里云服务器全攻略

从零开始，本攻略将带您详细了解如何将Vue项目部署到阿里云服务器。涵盖环境搭建、项目打包、配置云服务器、部署应用等关键步骤，助您高效完成Vue项目上线。

随着互联网技术的不断发展，前端框架Vue因其高效、易学、易用等特点，受到了越来越多开发者的青睐，完成一个Vue项目的开发只是第一步，将项目部署到云服务器，使其能够稳定运行在互联网上，才是整个项目成功的关键，本文将详细讲解如何将Vue项目部署到阿里云服务器，帮助你轻松实现这一目标。

准备工作

1、阿里云账号：你需要一个阿里云账号，如果没有的话，请前往阿里云官网注册。

2、购买云服务器：登录阿里云账号后，前往“云服务器ECS”页面，根据实际需求选择合适的云服务器实例。

3、云服务器ECS实例：购买完成后，系统会自动为你创建一个ECS实例，并生成相应的公网IP地址。

4、Xshell：用于远程连接云服务器，请下载并安装Xshell。

5、SSH密钥对：为了提高安全性，建议使用SSH密钥对进行远程登录，避免密码登录。

配置云服务器

1、远程连接云服务器：打开Xshell，新建一个会话，填写公网IP地址、端口号（默认为22）、用户名（默认为root）。

2、生成SSH密钥对：在Xshell中，执行以下命令生成SSH密钥对：

   ssh-keygen -t rsa -b 4096

按照提示输入文件保存路径和密码，生成密钥对。

3、将公钥添加到云服务器：将生成的公钥文件（如id_rsa.pub）中的内容复制到云服务器中，执行以下命令：

   cat id_rsa.pub >> ~/.ssh/authorized_keys

重启SSH服务：

   systemctl restart sshd

4、设置SSH登录：编辑SSH配置文件（/etc/ssh/sshd_config），找到并修改以下内容：

   PermitRootLogin yes
   PasswordAuthentication no

保存文件并退出。

5、重启SSH服务：

   systemctl restart sshd

部署Vue项目

1、安装Node.js：在云服务器上安装Node.js，执行以下命令：

   curl -sL https://deb.nodesource.com/setup_14.x | bash -
   sudo apt-get install -y nodejs

2、安装npm：安装npm，执行以下命令：

   sudo apt-get install -y npm

3、安装yarn：安装yarn，执行以下命令：

   npm install -g yarn

4、克隆Vue项目：使用SSH客户端将本地Vue项目克隆到云服务器上：

   git clone [项目地址] /path/to/project

5、进入项目目录：

   cd /path/to/project

6、安装项目依赖：

   yarn install

7、构建项目：执行以下命令构建项目：

   yarn run build

8、部署项目：将构建后的dist目录下的文件上传到云服务器上的相应目录，如：

   scp -r /path/to/project/dist/* root@[云服务器IP]:/path/to/deploy

9、配置Nginx：安装Nginx，执行以下命令：

   sudo apt-get install -y nginx

10、编辑Nginx配置文件（/etc/nginx/sites-available/default），修改root路径为项目部署目录：

    server {
        listen 80;
        server_name yourdomain.com; # 替换为你的域名
        root /path/to/deploy;
        index index.html index.htm;
        location / {
            try_files $uri $uri/ /index.html;
        }
    }

11、重启Nginx服务：

    systemctl restart nginx

通过以上步骤，你已经成功将Vue项目部署到阿里云服务器，在实际部署过程中，你可能需要根据项目需求进行相应的配置，如设置CDN、配置SSL证书等，希望本文能为你提供一定的帮助，祝你项目顺利上线！