首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Express 4.15.5不渲染angular 7路由

Express 4.15.5不渲染angular 7路由
EN

Stack Overflow用户
提问于 2019-04-16 18:09:43
回答 1查看 61关注 0票数 0

我正在尝试创建一个angular7应用程序的顶级快递js。我使用的是命令

代码语言:javascript
复制
ng build --watch

以便将呈现的文件映射到存储在server/public中

下面是我的express的app.js代码

代码语言:javascript
复制
var express = require('express');
var path = require('path');
var favicon = require('serve-favicon');
var logger = require('morgan');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');

// var index = require('./routes/index');
// var users = require('./routes/users');

var app = express();

// view engine setup
// app.set('views', path.join(__dirname, 'views'));
// app.set('view engine', 'pug');
app.engine('html', require('ejs').renderFile); 
app.set('view engine', 'html');
// uncomment after placing your favicon in /public
//app.use(favicon(path.join(__dirname, 'public', 'favicon.ico')));
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));

app.use('abcd',function(req, res, next){
  return res.sendFile(app.get('public') + '/index.html');
});
app.use('/',function(req, res, next){
  return res.sendFile(app.get('public') + '/index.html');
});
// app.use('/', index);
// app.use('/users', users);

// catch 404 and forward to error handler
app.use(function(req, res, next) {
  var err = new Error('Not Found');
  err.status = 404;
  next(err);
});

// error handler
app.use(function(err, req, res, next) {
  // set locals, only providing error in development
  res.locals.message = err.message;
  res.locals.error = req.app.get('env') === 'development' ? err : {};

  // render the error page
  res.status(err.status || 500);
  res.render('error' );
});

module.exports = app;

其思想是将所有路由路由到index.html文件。我有一条路由abcd,如果我尝试使用ng serve ( angular 7的开发模式),它工作得很好。

代码语言:javascript
复制
i.e localhost:4200/abcd - works fine

但是在express服务器上

代码语言:javascript
复制
localhost:3000/abcd - it is not working

我得到以下错误

代码语言:javascript
复制
Error: Failed to lookup view "error" in views directory "E:\ngME\server\views"
at Function.render (E:\ngME\server\node_modules\express\lib\application.js:580:17)
at ServerResponse.render (E:\ngME\server\node_modules\express\lib\response.js:971:7)
at E:\ngME\server\app.js:50:7
at Layer.handle_error (E:\ngME\server\node_modules\express\lib\router\layer.js:71:5)
at trim_prefix (E:\ngME\server\node_modules\express\lib\router\index.js:315:13)
at E:\ngME\server\node_modules\express\lib\router\index.js:284:7
at Function.process_params (E:\ngME\server\node_modules\express\lib\router\index.js:335:12)
at next (E:\ngME\server\node_modules\express\lib\router\index.js:275:10)
at Layer.handle_error (E:\ngME\server\node_modules\express\lib\router\layer.js:67:12)
at trim_prefix (E:\ngME\server\node_modules\express\lib\router\index.js:315:13)

如何使localhost:3000/abcd工作?我不想在angular end中使用哈希。

EN

回答 1

Stack Overflow用户

发布于 2019-04-17 22:16:41

我想通了。代码应该是

代码语言:javascript
复制
app.use('*',function(req, res, next){
  return res.sendFile(__dirname + '/public/index.html')
});

Reference Link

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/55705684

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档