Linux 环境下部署 VUE 前端项目

在Linux环境下部署Vue前端项目，你需要先确保安装了Node.js和npm。以下是部署Vue项目的基本步骤：

1. 安装Node.js和npm：

   访问Node.js官网下载安装包或使用包管理器安装。

2. 安装Vue CLI：

   
   
   
   npm install -g @vue/cli

3. 构建Vue项目：

   在项目根目录下运行构建命令。

   
   
   
   npm run build

4. 将构建好的dist目录下的文件上传到服务器：

   你可以使用FTP、SCP或其他文件传输方法。

5. 在服务器上设置Web服务器（例如Nginx）：

   编辑Nginx配置文件（通常位于/etc/nginx/sites-available目录下），配置服务静态文件目录指向你的构建输出目录（通常是dist）。

6. 重启Nginx服务：

   
   
   
   sudo systemctl restart nginx

7. 通过域名访问你的Vue应用。

以下是一个简单的Nginx配置示例：

server {
    listen 80;
    server_name your-domain.com; # 替换为你的域名
 
    location / {
        root /path/to/your/dist; # 替换为你的构建输出目录的绝对路径
        try_files $uri $uri/ /index.html;
    }
}

确保替换上述配置中的your-domain.com和/path/to/your/dist为你的实际域名和构建输出目录路径。然后将配置文件链接到/etc/nginx/sites-enabled目录下，并重启Nginx服务。