Node webpack dev server failing 'Cannot GET /' in vuejs project

Question

I am getting a super unhelpful message 'Cannot GET /' printed to my browser when I run my node dev server through webpack. I am building a Vuejs application with the following:

VueJs structured in a way that was dicated by this Vue Template with my node scripts being identical to the default commands
Webpack config based on Vue Loader
Routes handled through Vue Router

I know this is not a great deal to go off but an idea of what is firing this error (Node? Webpack? Vue Router?) it would point me in the right direction and be greatly appreciated.

user10706046 · Accepted Answer · 2021-08-05 21:34:27Z

9

If you're experiencing this with Vite, make sure you ran just vite in your package.json script, NOT vite preview

answered Aug 5, 2021 at 21:34

user10706046

Sign up to request clarification or add additional context in comments.

2 Comments

Jrb Over a year ago

Thanks that helped!

Monsignor Over a year ago

BTW to make vite preview work you first need to run vite build.

CoderPug · Accepted Answer · 2018-03-12 06:10:21Z

8

I found myself in the same problem. In my case it was related to the use of Express with Vue.js. So I am leaving my solution in case anyone finds it useful

I added this code for handling the calls to my index.html file

app.route('/*')
    .get(function(req, res) {
          res.sendFile(path.join(__dirname + '/dist/index.html'));
});

module.exports = app;

answered Mar 12, 2018 at 6:10

CoderPug

9189 silver badges19 bronze badges

2 Comments

user1274820 Over a year ago

var path = require('path') just so it's clear - thanks! this fixed it 🙂

James Batchelor Over a year ago

for anyone misunderstanding this, it needs to go in your server.js (or equivalent, wherever you import express). If you see an error in your browser window, you likely need to import path like @user1274820 mentioned. This fixed the issue for me!

codex · Accepted Answer · 2016-07-07 02:19:23Z

1

Node is throwing the error and make sure your vue router is configured properly,Cannot GET simply means you have not assigned a view to your url e.g on express we use app.use('/', your route) and on connect we use app.get or app.post All it's saying is there is no content/view assigned to that url.

edited Jul 7, 2016 at 2:19

answered Jul 7, 2016 at 2:14

codex

351 silver badge11 bronze badges

2 Comments

nickspiel Over a year ago

I just put the final touches on a pull request. Turns out it was to do with the paths the webpack config template I was working from: github.com/vuejs-templates/webpack/pull/188

codex Over a year ago

Glad you figured it out

nickspiel · Accepted Answer · 2016-07-07 03:21:48Z

1

It turns out it was an issue with the vuejs webpack template I was working from: https://github.com/vuejs-templates/webpack

The build path was being used in the dev server configuration.

Made this pull request to fix the issue: https://github.com/vuejs-templates/webpack/pull/188#issuecomment-230968416

answered Jul 7, 2016 at 3:21

nickspiel

5,7406 gold badges35 silver badges49 bronze badges

Comments

double-beep · Accepted Answer · 2020-05-23 16:53:30Z

0

I had this issue while running my app in dev. Adding this to the devServer of my webpack.dev.config file helped:

historyApiFallback: true

Answer by Jezperp here.

edited May 23, 2020 at 16:53

double-beep

5,67019 gold badges43 silver badges50 bronze badges

answered Apr 9, 2020 at 1:55

Mahesh Kumar Ronde

1081 silver badge6 bronze badges

Comments

Victor · Accepted Answer · 2020-07-22 11:50:20Z

0

If you are using express check that you have this line:

app.use(express.static('static'));

And that "static" matches with the folder specified in your vue.config.js

outputDir: path.resolve("../Server/static")

answered Jul 22, 2020 at 11:50

Victor

1,0231 gold badge12 silver badges25 bronze badges

Collectives™ on Stack Overflow

Node webpack dev server failing 'Cannot GET /' in vuejs project

6 Answers 6

2 Comments

2 Comments

2 Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

2 Comments

2 Comments

2 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related