Vue+ElementUI项目打包部署到Ubuntu服务器中

在将Vue+ElementUI项目打包并部署到Ubuntu服务器中，你需要遵循以下步骤：

1. 在本地开发环境中运行构建命令：

   
   
   
   npm run build

   这将创建一个dist/目录，包含打包后的应用文件。

2. 将dist/目录中的文件上传到Ubuntu服务器。你可以使用SCP、FTP或其他文件传输方法。

3. 在服务器上安装Nginx（如果尚未安装）：

   
   
   
   sudo apt update
   sudo apt install nginx

4. 创建或编辑Nginx服务器块配置文件，通常位于/etc/nginx/sites-available/目录下。例如，创建一个名为my-vue-app的文件：

   
   
   
   server {
       listen 80;
       server_name your_server_ip_or_domain;
    
       location / {
           root /path/to/your/dist;
           index index.html;
           try_files $uri $uri/ /index.html;
       }
   }

5. 为配置创建一个软链接到sites-enabled目录：

   
   
   
   sudo ln -s /etc/nginx/sites-available/my-vue-app /etc/nginx/sites-enabled/

6. 检查Nginx配置是否正确并重启服务：

   
   
   
   sudo nginx -t
   sudo systemctl restart nginx

7. 确保服务器的防火墙设置允许通过80端口（或你选择的端口）的流量。

现在，你的Vue应用应该可以通过服务器的IP地址或域名在浏览器中访问了。