nginx 部署vue

要在 nginx 上部署 Vue.js 项目，你需要按照以下步骤进行操作：

1. 首先，确保你的 Vue.js 项目已经构建完成，生成了静态文件。你可以使用以下命令来构建项目：

   npm run build

这将生成一个 `dist` 文件夹，里面包含了构建好的静态文件。

2. 将生成的静态文件复制到 nginx 的网站根目录下。默认情况下，nginx 的网站根目录位于 `/var/www/html` 目录下。你可以使用以下命令将文件复制到该目录：

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

3. 确保 nginx 已经正确安装和配置。你可以使用以下命令启动或重新加载 nginx：

   sudo service nginx restart

4. 现在，你可以通过访问服务器的 IP 地址或域名来查看部署的 Vue.js 项目了。例如，如果服务器的 IP 地址是 `192.168.0.100`，你可以在浏览器中输入 `http://192.168.0.100` 来访问项目。

这些步骤假设你已经正确安装了 nginx，并且已经配置为监听默认的 HTTP 端口（80）。如果你使用了其他端口或有其他特殊配置，请相应地进行调整。