ubuntu nginx并部署vue项目

首先，确保你已经在Ubuntu上安装了Nginx和Node.js。可以使用以下命令来安装它们：

1. 安装Nginx：

   sudo apt update
   sudo apt install nginx

2. 安装Node.js：

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

接下来，你可以按照以下步骤来部署Vue项目：

1. 在你的Ubuntu服务器上，创建一个新的目录用于存放你的Vue项目文件。

2. 进入该目录并使用以下命令来创建一个新的Vue项目：

   npx @vue/cli create my-vue-app

3. 进入新创建的项目目录：

   cd my-vue-app

4. 使用以下命令将Vue项目构建为静态文件：

   npm run build

5. 构建完成后，将生成的静态文件复制到Nginx的默认网站目录中：

   sudo cp -R dist/* /var/www/html/

6. 配置Nginx以服务于Vue项目。编辑Nginx的默认网站配置文件：

   sudo nano /etc/nginx/sites-available/default

7. 在该文件中，找到`root`指令并将其值更改为Vue项目的路径，例如：

   root /var/www/html;

8. 在同一文件中，找到`index`指令并添加`index.html`，例如：

   index index.html;

9. 保存并关闭文件。

10. 重新加载Nginx配置以使更改生效：

    sudo service nginx reload

11. 现在，你可以通过服务器的IP地址或域名来访问部署好的Vue项目。

希望以上步骤能帮助你成功部署Vue项目到Ubuntu上的Nginx服务器。如果有任何问题，请随时提问。