gitlab runner 部署 vue 到测试环境

以下是将Vue应用程序部署到测试环境的一般步骤:

1. 在GitLab仓库中创建 `.gitlab-ci.yml` 文件，该文件定义了CI/CD管道以构建和部署Vue应用程序到测试环境。以下是一个基本的例子：

   stages:
     - build
     - test
     - deploy

   build:
     image: node:latest
     stage: build
     script:
       - npm install
       - npm run build
     artifacts:
       paths:
         - dist/

   test:
     stage: test
     image: node:latest
     script:
       - npm install
       - npm run test

   deploy:
     stage: deploy
     image: alpine:latest
     before_script:
       - apk add --no-cache rsync sshpass
     script:
       - sshpass -p $SSH_PASSWORD rsync -avz --delete dist/ $SSH_USER@$SSH_HOST:$SSH_PATH

在此示例中，我们定义了三个阶段：构建、测试和部署。在构建阶段中，我们使用Node.js映像安装依赖项并构建Vue应用程序。然后，我们将生成的dist目录作为工件存储在GitLab Runner中，以便在测试和部署阶段中使用它。在测试阶段中，我们使用Node.js映像安装依赖项并运行测试。在部署阶段中，我们使用rsync将dist目录部署到测试服务器。请注意，我们使用SSH传输协议来连接到测试服务器，并使用sshpass工具在CI / CD管道中传递SSH密码。

2. 配置GitLab Runner以运行CI/CD管道。您需要在测试服务器上安装GitLab Runner，并将其注册到您的GitLab实例中。您可以在GitLab文档中找到有关如何安装和注册GitLab Runner的详细说明。

3. 在测试服务器上设置Web服务器，以便可以在其中托管Vue应用程序。例如，您可以使用Nginx或Apache设置Web服务器，以便可以在其中托管Vue应用程序。您可以在Web服务器的文档中找到有关如何设置Web服务器的详细说明。

4. 配置Web服务器以托管Vue应用程序。在Nginx中，您需要将以下配置添加到Nginx配置文件中：

   server {
       listen 80;
       server_name your.domain.com;
       root /path/to/vue/app;
       index index.html;

       location / {
           try_files $uri $uri/ /index.html;
       }
   }

在Apache中，您需要将以下配置添加到Apache配置文件中：

   <VirtualHost *:80>
       ServerName your.domain.com
       DocumentRoot /path/to/vue/app
       <Directory /path/to/vue/app>
           Options FollowSymLinks
           AllowOverride All
           Require all granted
       </Directory>

       ErrorLog /var/log/apache2/error.log
       CustomLog /var/log/apache2/access.log combined
   </VirtualHost>

在这些示例中，“your.domain.com”是您的测试服务器的域名或IP地址，“/path/to/vue/app”是Vue应用程序的路径。

5. 在GitLab中运行CI/CD管道，以构建、测试和部署Vue应用程序。在GitLab中，导航到您的GitLab仓库，然后点击“CI/CD”选项卡。您将看到一个包含所有管道的列表。点击管道名称以查看详细信息。如果管道成功完成，则应用程序现在应该已部署到您的测试服务器上，并可以通过Web浏览器访问。