How to Set Root/Base URL for a VueJS Project

Question

I've deployed a VueJS project to a domain like www.example.com, however, I want to move it to a subfolder so that I can access it like www.example.com/v1

How can I set the base URL or root URL of a VueJS project?

Note: It's not about the base URL for Vue-resource

Saurabh · Accepted Answer · 2017-03-08 06:22:32Z

1

You can use option base as /v1/ to move all routes to have base as /v1/.

The base URL of the app. For example, if the entire single page application is served under /app/, then base should use the value "/app/".

Old

How about moving all your routes to nested route, with parent route being /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
        }
      ]
    }
  ]
})

edited Mar 8, 2017 at 6:22

answered Mar 8, 2017 at 6:07

Saurabh

73.8k44 gold badges193 silver badges251 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

Gijo Varghese Over a year ago

Hmm. Don't know whether this is the best solution. No other easy way?

Saurabh Over a year ago

@GijoVarghese you can use base option in the route object, check my update.

Gijo Varghese Over a year ago

But how can I set the base URL?

Gijo Varghese Over a year ago

Ok, I've set the base url in router. But still after building, in the index.html file, the resource files doesn't start with /v1

Saurabh Over a year ago

Yes, it does not seems to work as I had expected it, not yet sure why.

|

Collectives™ on Stack Overflow

How to Set Root/Base URL for a VueJS Project

1 Answer 1

Old

6 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Old

6 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related