Deliver Html file using Vue.js and express.js

Question

i am using Vue.js as frontend and express.js as Backend. When i start the express.js server with npm start, i would like to deliver the frontend component from Vue.

I am using Vue generator & Express generator, when i deliver the index.html file with

    res.sendFile(path.join(__dirname + '/index.html'));

the browser shows an empyt site, because there is only written.

    <div id="app"></div>

I think i have to build the index.html file first, because the frontend part is divided up in different Vue components (.vue files)

Marco Pantaleoni · Accepted Answer · 2018-04-26 19:22:51Z

1

Your express server has to serve not only the index.html file but also all the other built js files. If you are using vue-cli, you have to serve all the files that you find in the dist folder after you run npm run build (production mode build).

answered Apr 26, 2018 at 19:22

Marco Pantaleoni

2,53916 silver badges14 bronze badges

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

Collectives™ on Stack Overflow

Deliver Html file using Vue.js and express.js

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related