- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我使用 angular-cli
生成了 LoopBack
项目和 Angular4
项目。我的 LoopBack 项目在端口 3000
上提供 html 文件,而我的 Angular4 项目在 4200
上提供服务。
现在我需要知道我是否可以在 3000 上提供这个 Angular 应用程序,就像从 LoopBack 目录提供静态文件一样?
What I am trying to ask is if it is possible to use LoopBack server to serve Angular4 app just like it serves Angularjs app?
谢谢
最佳答案
如果您使用 ngserve 通过 Angular-cli 提供服务,Angular 仅在端口 4200 上运行。
您必须将 Angular middleware.json 文件选项指向 Angular2 应用程序的 dist 目录,或者将 dist 目录内容复制到环回“client”文件夹中。
所以它看起来像这样:
middleware.json
.
.
"files": {
"loopback#static": {
"params": "$!../client/"
}
}
.
.
dist 目录是 Angular 运行时输出文件的位置
ng build
确保环回启动文件夹中没有 router.js 文件。这通常包含一些路由代码,用于将根 URL 重定向到 api 的状态输出,因此/会将您带到 api 状态,而不是 Angular 应用程序的 index.html。
Loopback 为 Angular 应用程序提供服务,但是,当您尝试直接访问链接时,例如/blog/:id 换句话说,类似于/blog/f24382f3y23f9832 ,那么它将失败,因为环回不知道如何处理这些链接,即使环回客户端指向 Angular,但在直接查询这些链接时,Angular 尚未“引导”。
要解决此问题,您必须添加自定义中间件以将环回重定向到 Angular 索引,以便 Angular 的路由器可以从那里获取它。
因此,在您的 middleware.json 文件中,更改以下内容:
"final": {
"./middleware/custom404": {}
}
然后在/server/middleware/中添加文件 custom404.js ,使完整路径为/server/middleware/custom404.js 。如果中间件目录不存在,则创建它。
然后在custom404.js文件中:
'use strict';
module.exports = function () {
var path = require('path');
return function urlNotFound(req, res, next) {
let angular_index = path.resolve('client/index.html');
res.sendFile(angular_index, function (err) {
if (err) {
console.error(err);
res.status(err.status).end();
}
});
};
};
这将重定向回您的 Angular 应用程序,并且 Angular 的路由器将正确路由 URL,同时仍由环回提供服务。
我使用path.resolve
,以便首先根据我们的Web路径而不是当前目录解析链接,否则它将被视为恶意调用,您将收到403错误。
我已阅读 angular.io 文档,这是实现此目的的正确方法。看到这里angular.io docs 。阅读标题为“路由应用程序必须回退到index.html”的部分
我在这里发表了自己的帖子 Rewrite requests from loopback to angular2 (Refused to execute script because its MIME type ('text/html') is not executable)我遇到了类似的问题。
关于angular - 如何配置环回来服务 angular4 应用程序?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44112896/
我对 Objective C 和 iOS 开发总体来说是新手。我正在尝试创建一个应用程序,它会发出 http 请求并在标签上显示内容。 当我开始测试时,我注意到标签是空白的,尽管我的日志显示我已经恢复
我实现了一个 MVP 应用程序。后退按钮工作正常。我想以编程方式回到以前的地方。我该怎么做? 我正在寻找类似的东西: clientFactory.getPlaceController().goBack
我想从 mySubView 制作后退按钮。我有带有按钮的付款ViewController,这个按钮使view.addSubview(WkWebView)。所以我可以打开 WkWebView 但我不可能
我有一个 master 分支,里面有很多不会发布的特性。我被要求从 master 中删除这些功能并创建一个包含它们的新分支,以便我们稍后可以 merge 回 master。 我采取的步骤是: 在 ma
如何禁用页面上的所有 onclick 事件,绑定(bind)我的自定义函数,并在执行后启用所有之前的事件? 我正在构建一个小书签,它应该适用于任何已加载的页面,并且我正在使用 jQuery 来处理我的
我正在尝试从 Spotify api 接收 token 。不幸的是,我一直收到 415。你能帮帮我,让我知道我做错了什么吗? const axios = require('axios'); const
我有一个提供上下文的函数: def buildContext(s:String)(request:RequestHeader):Future[Granite.Context] = { ....
我有一个列表,其中包含几个不同形状的 numpy 数组。我想将这个数组列表 reshape 为一个 numpy 向量,然后更改向量中的每个元素,然后将其 reshape 回原始数组列表。 例如: 输入
我目前有这个工作 fiddle - http://jsfiddle.net/B8Abd/ 我想在函数中使用 jquerys 淡出然后淡入。目前的代码是这样的: function chan
我有 2 个分支,一个是 main 分支,另一个是我正在开发一个 parallel 版本。 A --> B --> C (master) \ -> E --> F (parallel) pa
我试图从我的“ super 项目”中的文件目录中创建一个“子项目”以与其他人一起工作,但我一直在努力使其在 git subtree 中工作。 理想情况下,其他人可以在子项目上工作,然后我从上游更改中提
有没有其他人看到这个? 我正在使用带有回形针的 rails 3,当我上传 .doc 时,它的应用程序/msword 效果很好,但是当我上传 .docx 时,content_type 被保存为应用程序/
我是一名优秀的程序员,十分优秀!