Serve static images/files from NodeJS URL localhost to VueJS

Question

What is the correct code format to establish the static server from nodejs

This is my current code to declare the static server and won't work

app.use(express.static( './src/uploads'));

My URL that used to be fetch by Vuejs from nodejs folder

As you can see on the image this is the folder structure

-ecommerce-backend

 -src

  -uploads

Did you tried this url http://localhost:5000/100-cities-with-the-most-beautiful-women-in-the-world.jpg — Krishnadas PC
– Krishnadas PC, Commented Aug 5, 2019 at 5:17
where is your main file app.js located inside src folder or outside? If it's inside path must be wrong. — Krishnadas PC
– Krishnadas PC, Commented Aug 5, 2019 at 5:35

Krishnadas PC · Accepted Answer · 2019-08-05 05:50:24Z

1

A working code used in one of my projects is

var path = require('path');
app.use(express.static(path.join(__dirname, 'public')));

You can replace public with your dir name. The directory structure for the project is

-routes
-models
-public
app.js

Nodejs version is

node -v
v10.16.0

answered Aug 5, 2019 at 5:50

Krishnadas PC

6,5992 gold badges60 silver badges58 bronze badges

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

3 Comments

Like this? localhost:5000/public/100-cities-with-the-most-beautiful-women-in-the-world.jpg

No need to include the public in the path. localhost:5000/myfile.jpg

Sir, salute to you, been trying to solve this problem since yesterday. thanks a lot