我是Angular
的新朋友。我尝试使用Nodejs
和Angular
创建CRUD操作。我正在将Nodejs
和Express
用于支持,将Angular
用于前端。
当我使用routerLink在页面上浏览时,它的工作正常,但是当我在页面上浏览然后刷新页面时,它显示页面未找到错误。
我知道那里发生了什么,该路由未在Express应用中定义,因此我刷新了显示404错误的页面。
我该如何使用Angular和Express路线?
这是我的代码。
app.js
(服务器)
const express = require('express');
const path = require('path');
const http = require('http');
const bodyParser = require('body-parser');
var app = express();
app.use(bodyParser.urlencoded({extended : false}));
app.use(bodyParser.json());
app.use(express.static(path.join(__dirname,'dist/MEAN-blog')));
app.get('/',(req,res) =>{
res.sendFile(path.join(__dirname,'dist/MEAN-blog/index.html'));
});
app.post('/register',(req,res) =>{
var u = new User(req.body);
u.save();
res.send(u).status(200);
})
var server = http.createServer(app);
server.listen(8080,'0.0.0.0',() =>{
console.log('Server is running on 8080');
})
这是棱角分明的路线
const routes: Routes = [
{
path : '',
component : PostsComponent
},
{
path : 'users',
component : UsersComponent
},
{
path : 'users/:id',
component : UsersComponent
},
{
path : 'post/:id',
component : PostDetailsComponent
},
{
path : 'login',
component : LoginComponent
},
{
path : 'signup',
component : SignupComponent
},
];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class AppRoutingModule { }
我正在使用角度5
我该如何解决这个问题?
谢谢
答案 0 :(得分:0)
通常,我要做的是首先包含所有api端点,然后最后添加它
app.get('*',(req,res) =>{
res.sendFile(path.join(__dirname,'dist/MEAN-blog/index.html'));
});
这样,任何不是/api
的端点都将返回index.html,并且角度路由将从那里接管。
另一种替代方法是使用SSR,但有点麻烦。