ubuntu+nginx部署vue3

好的，这里是部署Vue3应用到Ubuntu服务器并使用Nginx作为反向代理的步骤：

1. 在Ubuntu服务器上安装Node.js和npm。可以使用以下命令安装：

   sudo apt update
   sudo apt install nodejs
   sudo apt install npm

2. 在服务器上安装Vue CLI：

   sudo npm install -g @vue/cli

3. 使用Vue CLI创建Vue3应用：

   vue create my-app

4. 进入应用目录并启动开发服务器：

   cd my-app
   npm run serve

5. 在Nginx中配置反向代理。在Nginx的配置文件中添加以下内容：

   server {
       listen 80;
       server_name example.com; # 修改为你的域名
   
       location / {
           proxy_pass http://localhost:8080; # 修改为你的应用监听的端口
           proxy_set_header Host $host;
           proxy_set_header X-Real-IP $remote_addr;
           proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
       }
   }

6. 重新加载Nginx配置并启动Nginx服务：

   sudo systemctl reload nginx
   sudo systemctl start nginx

现在你的Vue3应用已经成功部署到Ubuntu服务器并使用Nginx作为反向代理。你可以通过访问你的域名来查看应用。