fix: getSandboxUrl when base="" served in subdirectory (fix #652,#635)

[mswertz]

This fixes issue when users use histoire using relative paths in a subdirectory.

Workaround is still <Story :layout="{ type: 'grid', width: '75%' }"> as mentioned in #635

Description

This enhances recent PR #652 that made break our histoire setup while using a relative path. We use base = "" however run it in a subfolder so adding the '/' actually breaks it, see image. When I fixed it in my local node_modules folder the code committed solved it.

Additional context

N.B. I am using the nuxt extension. Without this fix I get the following error:

---

What is the purpose of this pull request?

• Bug fix
• New Feature
• Documentation update
• Other

Before submitting the PR, please make sure you do the following

• If it's a new feature, provide a convincing reason to add it. Ideally, you should open a suggestion issue first and have it approved before working on it.
• Read the Contributing Guidelines.
• Read the Pull Request Guidelines and follow the Commit Convention.
• Check that there isn't already a PR that solves the problem the same way to avoid creating a duplicate.
• Provide a description in this PR that addresses what the PR is solving, or reference the issue that it solves (e.g. fixes #123).
• Ideally, include relevant tests that fail without this PR but pass with it.

[codesandbox]

Review or Edit in CodeSandbox

Open the branch in Web Editor • VS Code • Insiders

Open Preview

[stackblitz]

Run & review this pull request in StackBlitz Codeflow.

[netlify]

✅ Deploy Preview for histoire-examples-svelte3 ready!

Name	Link
🔨 Latest commit	858be77
🔍 Latest deploy log	https://app.netlify.com/sites/histoire-examples-svelte3/deploys/65d9fb0ef0b75d0008573c37
😎 Deploy Preview	https://deploy-preview-687--histoire-examples-svelte3.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[netlify]

✅ Deploy Preview for histoire-examples-vue3 ready!

Name	Link
🔨 Latest commit	858be77
🔍 Latest deploy log	https://app.netlify.com/sites/histoire-examples-vue3/deploys/65d9fb0ebbe9a30008f28b05
😎 Deploy Preview	https://deploy-preview-687--histoire-examples-vue3.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[netlify]

✅ Deploy Preview for histoire-site ready!

Name	Link
🔨 Latest commit	858be77
🔍 Latest deploy log	https://app.netlify.com/sites/histoire-site/deploys/65d9fb0efc17550008040c7a
😎 Deploy Preview	https://deploy-preview-687--histoire-site.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[netlify]

✅ Deploy Preview for histoire-controls ready!

Name	Link
🔨 Latest commit	858be77
🔍 Latest deploy log	https://app.netlify.com/sites/histoire-controls/deploys/65d9fb0e32add90008760105
😎 Deploy Preview	https://deploy-preview-687--histoire-controls.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[Mobyrr]

the base shouldn't be modified, it should have a slash at the start and at the end (every guide from vite about configuring this have them), adding a slash at the end is wrong

[Akryum]

Thanks for the PR! Closing in favor of #698