History path lost on Safari while using router.base on nuxt.config.js #2638

AvailCat · 2018-01-19T09:27:24Z

Here are steps and requirements to reproduce:

Any iOS device, tested on iOS11/10/9
Nuxt 1.1.1

Install nuxt-starter-kit template
Add router configure in to nuxt.config.js ↓

router: {
  base: '/abc'
}

Create a.vue in pages directory, add <nuxt-link to="/b">To Page B</nuxt-link> in template
Create b.vue in pages directory, add any text into template
Open "http://you-host:your-port/abc/a"
Press "To Page B" button, after page loaded, press the back button

Actual result: It return to "http://your-host:your-port/abc"
Excepted result: Should return to last page "http://your-host:your-port/abc/a"

_{This question is available on Nuxt.js community (#c2293)}

The text was updated successfully, but these errors were encountered:

llpw4 · 2018-01-26T14:41:45Z

I met the same problem, wish for the solution urgently;
In addition, in some android webviews(like huawei P10 own browser), If you input "http://you-host:your-port/abc/a" in the address bar, the final address will be "http://you-host:your-port/abc/" after a few seconds.
If someone met the similar problems and have had some ideas, please leave a message here

pi0 · 2018-01-26T15:45:52Z

Router base is incorrect. It should ends with a slash:
base: '/abc/'

AvailCat · 2018-01-27T11:26:18Z

@pi0 I have two nuxt.js project with different configure, another one using base: '/' with same problem, it works in old release or other Chromium based browser.

llpw4 · 2018-01-31T12:07:51Z

node_modules\nuxt\lib\app\router.js, in this file, find "createRouter" function, delete "scrollBehavior ," , and restart, and then the problem is resolved.

zhouyu1993 · 2018-02-06T01:44:14Z

@pi0 Yes, I have the same problem. It is caused by base: '/tools/', it will write <base href="/tools/"> in <head>.

This problem is found in the IOS system.

When history.back() it will go to /tools/.

My site is https://article.cekid.com/tools/1.

Click the first tab to https://article.cekid.com/tools/1/1.

Then click your back button, it will go to https://article.cekid.com/tools/.

LDQ-first · 2018-03-23T03:45:58Z

@llpw4 Thanks. It works for me. I want to know the reason.

ZooTopiaGG · 2018-05-24T16:24:10Z

I meet the same problem. Did you solve it?

zhouyu1993 · 2018-05-25T03:13:46Z

@ZooTopiaGG Just try to delete <base href="xxxx"> in index.html after npm run build.

htfire · 2018-06-06T08:35:10Z

I met the same problem, wish for the solution urgently;

y-tsuno · 2018-06-08T09:03:01Z

I have same problem.
Is it difficult to behavior in a subdirectory? (or I shuold be give up "Browser Back" on Safari)

luanwulin · 2018-06-14T03:11:16Z

I come out a workaround
manually add a replaceState in mounted lifecycle

       mounted(){
            // 解决ios丢失上一级url问题
            window.history.replaceState(null, null, `${this.$router.options.base}${this.$route.fullPath}`.replace(/\/\//g, '/'));
        }

this works fo me

hqqxxf · 2018-07-06T03:18:31Z

@llpw4 me too

hqqxxf · 2018-07-06T03:21:00Z

@luanwulin it must added in every page, so terrible...

shiyuegongsui · 2018-07-06T08:41:02Z

me too~~

luanwulin · 2018-07-09T05:40:10Z

@hqqxxf you may add this in default.vue

hqqxxf · 2018-10-23T04:04:37Z

@luanwulin can you tell me why it(replaceState) works?

luanwulin · 2018-11-03T02:02:36Z

@hqqxxf sorry, i dont know either

manniL · 2018-11-24T00:21:27Z

Fixed with vuejs/vue-router#2295 / vue-router 3.0.2

lock · 2018-12-24T00:29:27Z

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

galvez self-assigned this Aug 26, 2018

galvez added the documentation label Aug 26, 2018

manniL closed this as completed Nov 24, 2018

lock bot locked as resolved and limited conversation to collaborators Dec 24, 2018

danielroe added the 2.x label Jan 18, 2023

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

History path lost on Safari while using router.base on nuxt.config.js #2638

History path lost on Safari while using router.base on nuxt.config.js #2638

AvailCat commented Jan 19, 2018 •

edited by ghost

llpw4 commented Jan 26, 2018 •

edited

pi0 commented Jan 26, 2018

AvailCat commented Jan 27, 2018 •

edited

llpw4 commented Jan 31, 2018

zhouyu1993 commented Feb 6, 2018 •

edited

LDQ-first commented Mar 23, 2018

ZooTopiaGG commented May 24, 2018

zhouyu1993 commented May 25, 2018

htfire commented Jun 6, 2018

y-tsuno commented Jun 8, 2018 •

edited

luanwulin commented Jun 14, 2018 •

edited

hqqxxf commented Jul 6, 2018

hqqxxf commented Jul 6, 2018

shiyuegongsui commented Jul 6, 2018

luanwulin commented Jul 9, 2018

hqqxxf commented Oct 23, 2018 •

edited

luanwulin commented Nov 3, 2018

manniL commented Nov 24, 2018

lock bot commented Dec 24, 2018

History path lost on Safari while using router.base on nuxt.config.js #2638

History path lost on Safari while using router.base on nuxt.config.js #2638

Comments

AvailCat commented Jan 19, 2018 • edited by ghost

llpw4 commented Jan 26, 2018 • edited

pi0 commented Jan 26, 2018

AvailCat commented Jan 27, 2018 • edited

llpw4 commented Jan 31, 2018

zhouyu1993 commented Feb 6, 2018 • edited

LDQ-first commented Mar 23, 2018

ZooTopiaGG commented May 24, 2018

zhouyu1993 commented May 25, 2018

htfire commented Jun 6, 2018

y-tsuno commented Jun 8, 2018 • edited

luanwulin commented Jun 14, 2018 • edited

hqqxxf commented Jul 6, 2018

hqqxxf commented Jul 6, 2018

shiyuegongsui commented Jul 6, 2018

luanwulin commented Jul 9, 2018

hqqxxf commented Oct 23, 2018 • edited

luanwulin commented Nov 3, 2018

manniL commented Nov 24, 2018

lock bot commented Dec 24, 2018

AvailCat commented Jan 19, 2018 •

edited by ghost

llpw4 commented Jan 26, 2018 •

edited

AvailCat commented Jan 27, 2018 •

edited

zhouyu1993 commented Feb 6, 2018 •

edited

y-tsuno commented Jun 8, 2018 •

edited

luanwulin commented Jun 14, 2018 •

edited

hqqxxf commented Oct 23, 2018 •

edited