vue 自动部署 nginx

Vue自动部署Nginx的过程可以分为以下几个步骤：
1. 在Vue项目中配置好打包命令，例如使用npm run build命令进行打包。
2. 将打包后的文件上传到服务器上，可以使用FTP等工具进行上传。
3. 在服务器上安装Nginx，并配置Nginx的相关参数，例如监听端口、网站根目录等。
4. 启动Nginx服务，让其监听指定端口并加载网站根目录下的文件。

具体的步骤如下：
1. 在Vue项目中配置好打包命令，例如在package.json文件中添加如下命令：

"build": "vue-cli-service build"

2. 执行npm run build命令进行打包，打包完成后会生成一个dist目录，里面包含了所有的静态资源文件。
3. 将dist目录上传到服务器上，例如上传到/usr/local/nginx/html目录下。
4. 在服务器上安装Nginx，可以使用以下命令进行安装：

sudo apt-get update
sudo apt-get install nginx

5. 配置Nginx的相关参数，例如在/etc/nginx/sites-available/default文件中添加如下配置：

server {
    listen 80;
    server_name yourdomain.com;
    root /usr/local/nginx/html;
    index index.html;
    location / {
        try_files $uri $uri/ /index.html;
    }
}

其中，listen指定了Nginx监听的端口，server_name指定了网站的域名，root指定了网站的根目录，index指定了默认的首页文件，location指定了请求的处理方式。
6. 启动Nginx服务，可以使用以下命令进行启动：

sudo systemctl start nginx

7. 访问服务器的IP地址或域名，即可看到Vue项目的网站页面。