angularjs - 在 View 中看不到我的 html 文件

Question

我正在尝试运行一个基本的 MEAN 应用程序。我的应用程序无需 Angular 部分即可运行。 但是当我包含 Angular 时，我看不到“view”文件夹中的 HTML 页面。

这是我的服务器:

var express=require('express');
var path=require('path');
var bodyParser=require('body-parser');

var index=require('./routes/index');
var tasks=require('./routes/tasks');
var port=3000;
var app=express();

/*View engine*/
app.set('views',path.join(__dirname, 'views'));
app.set('view engine','ejs');
app.engine('html',require('ejs').renderFile);

/*View static folder*/
app.use(express.static(path.join(__dirname, 'client')));

app.use(bodyParser.json());
app.use(bodyParser.urlencoded({extended: false}));

app.use('/',index);
app.use('/api',tasks);
app.listen(port, function(){
    console.log('The application is running on port '+port);
});

这是我在“routes”目录下索引的路线:

var express=require('express');
var router=express.Router();

router.get('/',function(req, res, next){
    res.render('index.html');
})
module.exports=router;

我的 Angular 代码位于 client/app 目录中。 当我在终端的 myapp/client 目录中时，我正在输入 npm start 。 我收到“Can't get/”，并在终端中看到“404 GET/index.html”

有什么想法吗？

Answer 1

这意味着当您打开根路由 (/ uri) 时，它将呈现 index.html 文件:

router.get('/',function(req, res, next){
    res.render('index.html');
});

这意味着您的 View 文件(在您的问题 index.html 文件中)位于 views 文件夹中:

app.set('views',path.join(__dirname, 'views'));

如果您希望 EJS 渲染 index.html，请将 index.html 文件放入 views 文件夹(而不是 client 文件夹) .

并直接打开您的应用程序:http://localhost:3000/


附注如果你想像这样打开index.html:http://localhost:3000/index.html

执行以下操作:

确保您的routes/index.js具有以下内容:

const
  express = require('express'),
  router = express.Router();

const renderViewFile = (filename) => (req, res) => res.render(filename);

router.get('/', renderViewFile('index.html'));
router.get('/index.html', renderViewFile('index.html'));

module.exports = router;

或者:将index.html文件放入client文件夹中，它将作为静态文件