Vite: Set default base for subfolder deployments

[IanVS]

Issue: storybookjs/builder-vite#238

What I did

This sets the default base vite config to "./" instead of the default "/". This allows storybook to be deployed in a subfolder, rather than forcing it to be at the root. I was reluctant to make the change in 6.5, in case it's breaking, but I don't think it really should be.

[yannbf]

Hey @IanVS while trying to test this locally, I found an issue.

How to reproduce:

1. Create a vite sandbox
2. Run yarn build-storybook
3. Run npx http-server .
4. Check the /storybook-static path in the provided URL

Storybook should be served correctly, however no stories render in the preview.
In the terminal (and dev tools) you will get something like:

[2022-10-11T07:05:41.573Z]  "GET /assets/iframe.e543f527.js" Error (404): "Not found" 

If you serve the folder with npx http-server storybook-static instead, this work as expected.

[IanVS]

Interesting, I'm honestly a bit surprised that npx http-server . ever works. Why would you want to serve the project root, rather than the built storybook files?

[yannbf]

Interesting, I'm honestly a bit surprised that npx http-server . ever works. Why would you want to serve the project root, rather than the built storybook files?

so that I have a server running and I'm able to access storybook as a subpath e.g.

http://my-app/storybook-static/

How do you quickly test a storybook-in-a-subfolder scenario?

[IanVS]

How do you quickly test a storybook-in-a-subfolder scenario?

There's a set of steps in the referenced issue, though I honestly haven't tried them:

npx build-storybook  --output-dir build/docs
npx serve@latest build

Browse to http://localhost:3000/docs/

[IanVS]

@yannbf what's your current thinking on this change?

[IanVS]

Hi @yannbf, just another friendly ping. I've had a few more support issues come through recently that this PR would solve.

[yannbf]

Thanks for the ping! I did some extra testing and it works perfectly. Sorry for the delay!