为什么我从运行指向Angular应用程序的/ dist文件夹的节点服务器时得到空白页?

编程入门 行业动态 更新时间:2024-10-09 13:23:59

为什么我从运行指向Angular应用程序的/ dist文件夹的<a href=https://www.elefans.com/category/jswz/34/1771452.html style=节点服务器时得到空白页?"/>

为什么我从运行指向Angular应用程序的/ dist文件夹的节点服务器时得到空白页?

我的简单节点服务器是:

const express = require('express');
const app = express();

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

app.listen(3335, () => { console.log('Server is listening on 3335'); });

但是我得到的索引文件似乎没有运行main.js Angular应用程序,目前它实际上是一个页面/组件,即appponent.ts,因此没有任何路由。

回答如下:

使用express.static()提供静态文件。

这是因为您为服务器将收到的每个请求都设置了“ index.html”文件的响应。 第一个响应会很好,那就是只有预期的那样才是index.html页面。 但是,index.html页面必须具有一些脚本css标记才能获取您的Angular Javascript代码,我认为它们将在同一节点服务器上。 因此,当浏览器遇到如下一行时:

<script src="/angularApp.js"></script>

..在解析它的index.html文件中时,它将向节点服务器发出另一个对http://localhost:<port>/angularApp.js但会得到index.html文件作为响应,因为你已经设定了。

这样做是为了提供静态文件,例如.html,.css,.js或您拥有的文件:

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

更多推荐

为什么我从运行指向Angular应用程序的/ dist文件夹的节点服务器时得到空白页?

本文发布于:2024-05-06 19:44:04,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1753747.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:节点   应用程序   文件夹   服务器   空白页

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!