Getting my statically generated site to run locally with no local server #10146
Replies: 3 comments 11 replies
-
|
Just to clarify a bit further. I do not want to run Here's the generated directory: Clicking on the
The issue is in navigation.
The link navigates from Here is the Nuxt code I am using to generate the links: <NuxtLink
v-for="(chapter, i) in chapters"
:key="i"
:to="`/chapters/${chapter.chapter}`"
class="nav-link hover:underline hover:bg-gray-300"
>
{{ chapter.title }}
</NuxtLink> |
Beta Was this translation helpful? Give feedback.
-
|
You are adding an initial |
Beta Was this translation helpful? Give feedback.
-
|
Thank you for the reply but unfortunately, it didn't do the trick. |
Beta Was this translation helpful? Give feedback.
-
|
I'm starting to think this isn't a supported feature within the framework? |
Beta Was this translation helpful? Give feedback.
-
|
I'll see if I can hack something up with router. I'm sad this is actually so challenging.
The goal is to be able to distribute this wepapp to those with little to no internet connection. i.e. With a flash drive, cd, etc. |
Beta Was this translation helpful? Give feedback.
-
|
then create a PWA using Nuxt. only once internet will be needed. |
Beta Was this translation helpful? Give feedback.
-
|
The goal is to never need an internet connection to access this application. |
Beta Was this translation helpful? Give feedback.
-
|
If i were you, I would go with an Electron app or something. Nuxt is not made to work without any HTTP server. |
Beta Was this translation helpful? Give feedback.
-
|
Hello！How did you solve the problem finally? |
Beta Was this translation helpful? Give feedback.
-
|
In case anyone finds themselves facing this problem, I was able to get this working for my use-case (similar to @CodyBontecou's) by making a few tweaks to nuxt.config.js mode: 'spa', // Run Nuxt as a single page app
generate: {
fallback: 'index.html' // Always fall back to index.html
},
router: {
mode: 'hash', // Hash routes for page changes
base: './' // Use local paths for all assets
}I also had to go through my code and switch out a few absolute paths for relative ones. After that it was working great! |
Beta Was this translation helpful? Give feedback.
Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.
-
I've ran
nuxt generateand have the site generated. I can then serve mydist/directory within a local server and it runs fine.But, I want to be able to browse the site locally by simply clicking the index.html.
Each page works currently. The issue is none of the navigation is working. I set up the links using NuxtLink.
EDIT: Please read my post below for further explanation of the issue I am trying to solve.
Beta Was this translation helpful? Give feedback.
All reactions