windows nginx部署vue项目

以下是在Windows上部署Vue项目到Nginx服务器的步骤：

1. 确保已经安装了Nginx服务器，并且已经成功启动。可以使用以下命令检查Nginx是否已经启动：

tasklist /fi "imagename eq nginx.exe"

2. 打包Vue项目。在Vue项目的根目录下，运行以下命令来打包项目：

npm run build

这将生成一个名为dist的文件夹，其中包含了打包好的Vue项目的所有静态文件。

3. 将打包好的Vue项目文件复制到Nginx的html文件夹中。假设Nginx的安装目录为C:\nginx，将dist文件夹中的所有内容复制到C:\nginx\html文件夹中。

4. 配置Nginx服务器。打开Nginx的配置文件，通常位于C:\nginx\conf目录下的nginx.conf文件。在http块中添加以下配置：

server {
    listen       80;
    server_name  localhost;

    location / {
        root   html;
        index  index.html index.htm;
        try_files $uri $uri/ /index.html;
    }
}

这将配置Nginx服务器将所有请求都指向html文件夹，并且尝试查找对应的文件，如果找不到则返回index.html。

5. 保存并关闭配置文件。

6. 重启Nginx服务器，使配置生效。

现在，您的Vue项目应该已经成功部署到Nginx服务器上了。