windows下nginx部署vue

在Windows系统上部署Vue应用到Nginx，首先需要确保你已经安装了Nginx服务器和Node.js（因为Vue项目通常使用npm构建）。以下是简单的步骤：

1. **安装Nginx**:
- 下载官方的Windows版本：https://nginx.org/en/download.html
- 完成下载后，解压并将`nginx.exe`添加到系统的PATH环境变量中。

2. **创建Nginx配置文件**:
- 可以在`nginx/conf`目录下新建一个名为`default.conf`（或其他自定义名字）的文件，编辑它来配置你的Vue应用。例如：

     server {
         listen       80;
         server_name  yourdomain.com;  // 用你的域名替换
         
         location / {
             root   path/to/your/vue/app/dist;  // Vue打包后的静态文件路径
             try_files $uri $uri/ @router;
         }
         
         location @router {
             index index.html;
             if (-f $request_filename) {
                 break;
             }
             rewrite ^(.*)$ /index.html last;
         }

         error_page 404 /404.html;
     }

3. **启动Nginx**:
- 打开命令行窗口，导航至Nginx的安装目录，运行`nginx`或`nginx.exe`来启动服务。

4. **配置Vue应用**:
- 确保Vue应用已经被构建为生产模式（`npm run build`），生成的HTML、CSS和JavaScript文件会放在`dist`文件夹内。

5. **测试部署**:
- 使用浏览器访问`http://yourdomain.com`，看是否能正常加载Vue应用。