如何为VueJS项目设置根/基URL

Question

我已将VueJS项目部署到www.example.com这样的域，但是，我想将其移动到子文件夹，以便我可以像www.example.com/v1

如何设置VueJS项目的基本URL或根URL？

注意：它不是Vue-resource

的基本网址

Answer 1

您可以使用option base作为/v1/将所有路由移至/v1/。

  

应用的基本网址。例如，如果整个单页面应用程序在/ app /下提供，那么base应该使用值“/ app /".

旧

如何将所有路线移至nested route，父路线为/v1：

const router = new VueRouter({
  routes: [
    { path: 'v1', component: BaseView,
      children: [
        {
          // UserProfile will be rendered inside BaseView's <router-view>
          // when /v1/profile is matched
          path: 'profile',
          component: UserProfile
        },
        {
          // UserPosts will be rendered inside BaseView's <router-view>
          // when /v1/posts is matched
          path: 'posts',
          component: UserPosts
        }
      ]
    }
  ]
})