Vue是一种先进的前端JavaScript框架，在许多项目中都得到了广泛应用。当我们使用Vue构建的应用需要部署到Nginx服务器时，我们通常需要配置Vue在一个子目录下正常运行。

本文将介绍如何在Nginx上配置Vue子目录的简单可行方法。

1. 创建Vue应用

首先，在你的本地环境下创建一个Vue应用。你可以使用Vue CLI来快速搭建一个基本的Vue项目。

2. 构建Vue项目

当你的Vue项目完成后，你需要使用npm run build命令构建Vue项目。这将生成一个dist目录，其中包含了打包后的静态文件。

3. 配置Nginx代理

在Nginx上配置Vue子目录，我们需要借助于Nginx的代理功能。你可以在Nginx的配置文件中添加以下配置：

location /subdir {
  proxy_pass http://localhost:8080;
  proxy_set_header Host $host;
  proxy_set_header X-Real-IP $remote_addr;
 }

将子目录的名称替换为你想使用的子目录名称，并将localhost:8080替换为实际运行Vue应用的URL。

4. 重启Nginx

在修改Nginx配置文件后，我们需要重启Nginx服务器以使更改生效。你可以使用以下命令重启Nginx：

sudo service nginx restart

5. 访问Vue应用

现在，你可以通过访问http://yourdomain.com/subdir/url来访问你的Vue应用了。

总结

以上是在Nginx上配置Vue子目录的简单可行方法。通过配置Nginx代理，我们可以使Vue应用在指定的子目录下正常运行。