Serving from subfolder

[ssuess]

Hi, I am trying to get my PWA/SPA to serve properly from a subfolder and it is mostly working in dev mode by having done the following:

devServer: {
      sockPath: '/sub/sockjs-node',
      publicPath: '/sub',
      ...

However, some of my routes seem to be redirecting wrongly. I just assumed that mydomain.com/sub would be the new top level and work as if it was mydomain.com but in some cases things are properly being routed to mydomain.com/sub/page and in other cases for some reason still mydomain.com/page2. There are several places in my code where I am doing a this.$router.push({ path: '/page2' }).catch(err => { console.log(err) }) ...do I now need to change all of these to account for the public path (i.e. this.$router.push({ path: '/sub/page2' }).catch(err => { console.log(err) }))? Won't these or shouldn't these just use publicPath as the base of the site, wherever that is?

UPDATE: I have also tried adding a trailing slash to the publicPath (ie publicPath: '/sub/') but it does not help. Some pages work, others do not.

[ssuess]

Well, I figured out what was causing my issue, I was manipulating the browser history with .pushState on some pages, and pushing the route as if it were top level, i.e.

history.pushState(
          {},
          null,
          '/mypage/' + encodeURIComponent(params)
        )

which was messing up those pages. I have now changed this to:

history.pushState(
          {},
          null,
          this.$router.options.base + 'mypage/' + encodeURIComponent(searchparams)
        )

and everything is now working as expected!