正文 

当前位置： 首页 > 知识 >

ngrok 不适用于浏览器中的路径（Angular Webserver）

     2023-04-18     282

关键词：

【中文标题】ngrok 不适用于浏览器中的路径（Angular Webserver）【英文标题】：ngrok doesn't work with path in browser (Angular Webserver) 【发布时间】：2021-03-22 05:37:22 【问题描述】：

我目前正在使用 Angular 开发一个网站，并且我正在使用 Apache2 将它托管在我的 RaspberryPi 上。我正在使用 ngrok 隧道从 Internet 访问服务器。

只要我通过根路径打开它并在应用程序中单击我的方式，它就可以很好地工作。问题是每次我重新加载页面或尝试访问页面时，例如'/home' 手动，服务器返回 404 '在此服务器上找不到请求的 URL'。在本地主机上一切正常，所以它不能是 Angular。

有人知道为什么会发生这种情况以及如何解决吗？也许 ngrok 或 Apache 有问题？

非常感谢！

【问题讨论】：

在您的服务器上，您必须将对不存在的资产的每个请求重写为 index.html.. 谢谢！我完全忘记了 Angular 创建了一个 SPA。难怪找不到资源 【参考方案1】：

问题解决了！

我在 Angular 资产中添加了一个 .htaccess 文件，以将每个请求重定向到 index.html

<IfModule mod_rewrite.c>
  RewriteEngine On

  # Redirection of requests to index.html
  RewriteCond %DOCUMENT_ROOT%REQUEST_URI -f [OR]
  RewriteCond %DOCUMENT_ROOT%REQUEST_URI -d
  RewriteRule ^.*$ - [NC,L]
  RewriteRule ^(.*) index.html [NC,L]
</IfModule>

【讨论】：

嵌套组件不适用于 Angular 中的路由

】嵌套组件不适用于Angular中的路由【英文标题】：Nested-ComponentsnotworkingwithRoutinginAngular【发布时间】：2020-12-2318:20:44【问题描述】：我正在尝试在自己的项目中学习角度，我从处理路由路径：/开始，即在(app.routing.module.ts)中渲染... 查看详情

异步验证器不适用于 Angular 中的模板驱动表单

】异步验证器不适用于Angular中的模板驱动表单【英文标题】：AsyncValidatornotworkingwithTemplatedrivenFormsinAngular【发布时间】：2017-10-1801:31:52【问题描述】：我为我的模板驱动表单创建了一个异步验证器。importDirective,forwardReffrom"@angular... 查看详情

节点应用程序不适用于 ngrok

】节点应用程序不适用于ngrok【英文标题】：Nodeapplicationnotworikingwithngrok【发布时间】：2015-12-0600:47:47【问题描述】：我的节点应用程序在我的本地主机上运行良好，但每当我尝试从另一个设备使用NGROK访问它时，它只显示主页但... 查看详情

NGROK 不适用于 WAN 或外部本地网络

】NGROK不适用于WAN或外部本地网络【英文标题】：NGROKnotworkingforforWANoroutsidelocalnetwork【发布时间】：2021-11-0718:40:56【问题描述】：大多数时候，当我尝试将我的ngrok与webhook连接以进行测试或访问我的局域网之外的本地设置或从广... 查看详情

模型绑定不适用于angular2中的选择[重复]

】模型绑定不适用于angular2中的选择[重复]【英文标题】：modelbindisnotworkingwithselectinangular2[duplicate]【发布时间】：2016-08-1410:18:06【问题描述】：我正在尝试设置下拉菜单的默认值，我为模型设置了默认值但它没有更新选择请看http... 查看详情

Webpack DevServer HMR 不适用于 ngrok->docker

】WebpackDevServerHMR不适用于ngrok->docker【英文标题】：WebpackDevServerHMRnotworkingwithngrok->docker【发布时间】：2021-12-1114:02:03【问题描述】：我正在尝试让WebpacksDevServerHMR功能在我的设置上工作。它看起来像这样：QuasarJSCLI在本地Docke... 查看详情

必需属性不适用于Angular Js中的文件输入

】必需属性不适用于AngularJs中的文件输入【英文标题】：RequiredattributeNotworkingwithFileinputinAngularJs【发布时间】：2013-04-1821:38:58【问题描述】：我的表单中有一个文件上传控件。我正在使用AngularJS。当我输入所需的属性来验证文件... 查看详情

表单验证不适用于 Ionic 2 中的 Angular 2 FormBuilder

】表单验证不适用于Ionic2中的Angular2FormBuilder【英文标题】：FormvalidationisnotworkingwithAngular2FormBuilderinIonic2【发布时间】：2017-02-0523:45:01【问题描述】：我正在构建一个Ionic2（打字稿）应用程序。在复选框（ion-checkbox标记）中的简... 查看详情

PhantomJS 不适用于 Angular2 项目中的 Karma

】PhantomJS不适用于Angular2项目中的Karma【英文标题】：PhantomJSdoesnotworkwithKarmainAngular2project【发布时间】：2017-03-0800:33:30【问题描述】：我使用angularcli(1.0.0-rc1.0.0)创建了一个开箱即用的项目。然后我安装了PhantomJS插件（npminstallkarma... 查看详情

Angular JS 不适用于 IE9，但适用于其他浏览器

】AngularJS不适用于IE9，但适用于其他浏览器【英文标题】：AngularJSnotworkingwithIE9butworkswithotherbrowsers【发布时间】：2014-12-2111:03:46【问题描述】：所以我正在开发一个小应用程序，它可以从这样的APIurl获取它......$http.get(s_url).then(... 查看详情

Angular 4路由不适用于实时网络应用

...菜单重定向在实时版本上运行良好。但是，开发版通过在浏览器的地址字段中键入重定向到不同的页面，但实际版本不会。这是一个角度问题吗？还是我需要通过我的ISP管理我的重定向？我的app.r 查看详情

为啥排序规则不适用于子查询中的 xml 路径？

】为啥排序规则不适用于子查询中的xml路径？【英文标题】：Whycollationdoesn\'tworkwithforxmlpathinsubquery?为什么排序规则不适用于子查询中的xml路径？【发布时间】：2020-06-2912:03:50【问题描述】：我通常使用collateSQL_Latin1_General_CP1251_CI... 查看详情

为啥 Windows START 命令不适用于参数和路径中的空格？

】为啥WindowsSTART命令不适用于参数和路径中的空格？【英文标题】：WhydoeswindowsSTARTcommandnotworkwithspacesinargumentsANDpath?为什么WindowsSTART命令不适用于参数和路径中的空格？【发布时间】：2013-07-1411:58:28【问题描述】：此命令有效STAR... 查看详情

Angular 7 TestBed.overrideProvider 不适用于 ActivateRoute

】Angular7TestBed.overrideProvider不适用于ActivateRoute【英文标题】：Angular7TestBed.overrideProviderdoesnotworkforActivateRoute【发布时间】：2019-04-2623:18:25【问题描述】：我正在使用带有Jest的Angular7，并且正在模拟组件的提供程序。很多时候，我... 查看详情

angular 2 [innerHTML] 在 html 内渲染（不适用于 angular 2）[重复]

】angular2[innerHTML]在html内渲染（不适用于angular2）[重复]【英文标题】：angular2[innerHTML]renderinsidehtml(notworkingonangular2)[duplicate]【发布时间】：2017-08-2519:02:51【问题描述】：我正在使用Angular2，我尝试将我在变量action.render中的文本呈... 查看详情

Boostrap 4 Modal 不适用于 Angular 2

】Boostrap4Modal不适用于Angular2【英文标题】：Boostrap4ModalnotworkingonAngular2【发布时间】：2018-02-1001:41:22【问题描述】：我尝试使用https://v4-alpha.getbootstrap.com/components/modal/中的一个示例，向我的导航栏添加一个模式，但是单击时没有... 查看详情

相对路径不适用于路径

】相对路径不适用于路径【英文标题】：relativepathdoesn\'tworkwithpaths【发布时间】：2012-08-2913:34:43【问题描述】：我在requirejs中的相对路径有问题。首先，我有以下结构。我正在使用虚拟主机（os.com）运行它，路径是os.com/testindex.h... 查看详情

符号 ::after css，不适用于 Angular 5 的指令

】符号::aftercss，不适用于Angular5的指令【英文标题】：Notation::aftercss,notworkindirectiveofAngular5【发布时间】：2018-08-0820:35:13【问题描述】：我需要的是必填字段中的星号我有这个代码.requiredlabel::aftercontent:\'*\';color:red;在我的html中<... 查看详情