I'm creating my gh-pages using nuxt.js. But after deploy, some of nuxt.js requests are receiving 404 responses and I have no idea how to fix it.
Here is my github.io page. Under npm run dev environment it works but after deploy did not.
Related
Whenever I just deploy my server side in vercel after running the link it shows 404 error.So what should i do now?enter image description here
I have tried with vercel --prod command and again I face the same ERROR when i run the link in browser
Ok I have found the solution. After reading some documents on google I found that there is a build command missing in package.json. Then I added the Build command And it's gonna working now.
I am trying to run my cypress e2e tests in a Github CI on a Vue 2 SPA using CLI. Locally they work fine when running ./node_modules/.bin/vue-cli-service test:e2e. But navigation inside the testing framework with cy.visit(), e.g. to /login fails inside the CI pipeline with a 404 - requested path not found.
As I am aware, docs state:
Since our app is a single page client side app, without a proper server configuration, the users will get a 404 error if they access http://oursite.com/user/id directly in their browser.
When running the production build manually using npm serve it faces the same struggle. Vue-Routes navigation works as expected, but calling sub-routes fails with a 404. Production with a NginX reverse proxy works as expected.
So:
Why does the dev server work locally when Vue CLI is serving itself?
How to redirect all sub-route requests to index.html for the cypress e2e tests?
Edit: Weird thing is. Running serve ./dist with the silent flag -s fixes the redirection problems completely. Doesn't make sense to me.
summery
I"ve tried to deploy sample Vue Nuxt SPA to AWS S3.
My Sample SPA is correctly displayed in my local Ubuntu20.04 environment with yarn start.
However SPA on S3 does not work correctly and shows error.
I want to know how to deloy correctly and show the same content as I did in my local environment.
what I've tried
Run yarn start
Confirm SPA does work in my local environment.
Run yarn generate.
Deploy /dist to S3.
Configure S3 access rigihts.
Confirm SPA does not work correctly in S3.
show some codes
here is the github repo I've tried.
https://github.com/jpskgc/vue-nuxt-spa-sample/tree/main
I have deployed a nuxt site to godaddy shared hosting (I know, right) and it all seemed to go well except that now the site displays without images and the routing doesn't work. The images are all stored in the static folder which was uploaded to the host. The nav links try and load a new page and then settle on the home page again. The site is here
The project is a nuxt frontend served by a node api with a mysql database. The api was loaded into a different folder and is working, and the frontend is getting data from the database.
To deploy the project I committed to github, then with ssh connected to the host, cloned the github repo, npm install, npm run build, and then npm start. It starts, is accessible but just no images or routing. Seems quite odd.
I upgraded node to the latest LTS (10.15.1) before build.
If anyone has an idea how to fix these issues please let me know.
I have the standard configs of the Aurelia Skeleton Navigation App installed and when I try to bundle the app for deployment, I get a whole list of 404 errors of modules that I am missing. The problem is that I am not using these modules, and it still requires them. Here's a list of what it looks like.
Any suggestions how I can fix this?