Cfrgtkky

When I set a static path public folder and set angular index in public:

app.js (node.js):

//node.js static file path

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



app.use('/', indexRouter);

app.use('/users', usersRouter);

app.get('/*', (req, res) => {

  //angular index

  res.sendFile(path.join(__dirname, 'public', 'index.html'));

});

There are some problems with this setup:

(1)I can't put all angular build files in a specific folder(like put in dist folder), index.html will not be able to take the correct location of the relevant file(like runtime.js)

(2)Some files may be stored in the public folder, such as files uploaded by users. angular build will be clear all files in the folder(public), so I have to pack it in another folder(ex:dist) and manually copy all the files to the public folder. This setting is quite inconvenient, and every time you update it, make sure the old file is cleared.

Update

app.js (node.js):

app.get('/*', (req, res) => { 

    res.sendFile(path.join(__dirname, 'public/dist', 'index.html')); 

    // or res.sendFile(path.join(__dirname, 'public', 'dist/index.html'));

});

angular.json:

"outputPath": "server/public/dist/",

angular build

ng build --prod --deploy-url /dist/ --base-href /dist/

When I link index url:

http://localhost:3000/

angular router will be render /index like http://localhost:3000/index,
but node.js it's render http://localhost:3000/dist/index

Can't the URL hide the folder path dist?
Is this the correct way to set up?

For run project on live domain. Follow this steps.

Step 1: Make a build with this command. ng build --prod.

Step 2: In Dist/index.html , Update base URL with your domain name.

Step 3: Make ZIP file of dist folder.

Step 4: Copy and paste ZIP folder into you respective server. you can use filezilla for that.

Step 5: Unzip folder.

Step 6: Update dist folder name to your project folder name.

Step 7: Check on browser.