我们有一个Vue应用程序，我们正在将其部署到子目录：/dedeplypath/

现在，我们的vue.config.js为：

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  publicPath: process.env.NODE_ENV === 'production'
    ? '/deploypath/'
    : '/',
  transpileDependencies: [
    'vuetify'
  ]
})

事情是这样的：在index.js(路由器)中，我配置了多条路径来返回多个视图和组件。当用户登录后，他们可以访问其他页面。当他们没有登录时，他们会被重定向到(登录页面)。

我定义了多条路线：

const routes = [
      {

        path: '/deploypath',
        name: 'feature1',
        component: FeatureOneView,
        meta: {
          title: 'Feature One',
        }
      },
      {

        path: '/deploypath/notloggedin',
        name: 'notloggedin',
        component: NotLoggedInView,
        meta: {
          title: 'Landing',
        }
      }
    ]

const router = new VueRouter({
  mode: 'history', 
  routes: routes 
});

现在，我遇到的问题是(在部署生产构建之后)当我访问/detipeath时，它可以工作，但是任何其他路径(例如/detipeath/notloggedin)都不能工作。我们有一个运行nginx的Ubuntu示例。

我们是不是在Vue配置上做错了什么，或者是nginx端有问题，还是其他问题？