使用nodejs服务器打角度路线时出错

Question

I have my homepage at locahost:3000 , and there is a link in my homepage to login page at /login .

When I clicked at that link, It reaches to the login page. But when I refresh that page it shows error Cannot GET /login . Again when I am clicking on that link from homepage, it reaches to login page But when I am trying to enter the url localhost:3000/login it gives same error Cannot GET /login .

My app.js is -

    app.use(express.static(__dirname + '/dist/newApp'));

    app.get('/', (req,res)=>{
      res.sendFile(path.join(__dirname, ''));
    });

and my angular routes is -

export const myRoutes: Routes = [
   {
    path: ' ',
    component: HomepageComponent
   },
  {
    path: 'login',
    component: LoginComponent
  }]

And I am using routerLink="/login" instead of href for the link.

I don't know why this is happening.

My server running process is -- npm build and then npm start

And If I am running my angular server as ng serve , and then enter the url localhost:3000/login directly in browser, it is working.

But When I am running nodejs server it again causing problem.

I think the problem is that on running nodejs server, angular server stops runnning.

Can someone explain the reason for this and how to run both the server.

Answer 1

You need to add a final * route to catch any paths it doesn't recognize (such as /login ), and return the index.html file.

app.get('*', (req, res) => {
  res.sendFile(path.join(__dirname, '/dist/newApp/index.html'));
});

It's very important that you place this after any other route declarations.