在本文中,您将会了解到关于React路由器直接链接在AzureWebAppLinux上不起作用的新资讯,同时我们还将为您解释react路由怎么配的相关在本文中,我们将带你探索React路由器直接链接在
在本文中,您将会了解到关于React路由器直接链接在Azure Web App Linux上不起作用的新资讯,同时我们还将为您解释react路由怎么配的相关在本文中,我们将带你探索React路由器直接链接在Azure Web App Linux上不起作用的奥秘,分析react路由怎么配的特点,并给出一些关于asp.net – 性能缓慢的Azure’Web App’Azure SQL DB、asp.net-core – 如何在Azure Web Apps中将redirect_uri协议设置为HTTPS、asp.net-core – 是否可以直接在Azure WebApps中的Kestrel上运行ASP.NET 5站点?、Azure Linux Web Apps中的Apache配置和重定向的实用技巧。
本文目录一览:- React路由器直接链接在Azure Web App Linux上不起作用(react路由怎么配)
- asp.net – 性能缓慢的Azure’Web App’Azure SQL DB
- asp.net-core – 如何在Azure Web Apps中将redirect_uri协议设置为HTTPS
- asp.net-core – 是否可以直接在Azure WebApps中的Kestrel上运行ASP.NET 5站点?
- Azure Linux Web Apps中的Apache配置和重定向
React路由器直接链接在Azure Web App Linux上不起作用(react路由怎么配)
我使用ReactJs开发了有关PWA(渐进式Web应用程序)的PoC,以展示如何使用Browser API中的相机,地理位置,麦克风,光传感器等。
我已经为该Web应用程序中的每个功能创建了一条路由,并且在localhost中一切正常。但是,当我在 Azure Wep App Linux服务
上部署我的react应用的npm
build版本时,它无法正常工作。我可以访问主页(index.html),从那里可以导航到任何其他页面,但是当我尝试直接通过其URL访问任何路由时,我会收到404错误。除索引页面外,所有URL在手动刷新或写入时均不起作用。
例如:
https ://pwa.mypoc.dev/-正常 工作
https://pwa.mypoc.dev/lights- 不起作用
我在天蓝色的“设置”>“常规设置”>“启动命令”上使用了此命令:
pm2 serve /home/site/wwwroot/build --no-daemon
我找到了一个与此相关的问题,但答案没有帮助我,因为我没有使用web.config
它,因为它是 运行Node 10 LTS 的
答案1
小编典典经过更多研究后,我发现了问题所在。当Linux Azure Web Apps使用pm2服务节点应用程序时,我在查阅官方文档时找到了答案。
PM2是守护程序进程管理器,它将帮助您管理和保持应用程序在线。PM2入门非常简单,它是一个简单直观的CLI,可以通过NPM安装。
https://pm2.keymetrics.io/docs/usage/pm2-doc-single-page/#serving-spa-
redirect-all-to-indexhtml
只需要将添加--spa
选项到 启动命令 对 Azure的Web应用程序的Linux 常规设置 :
pm2 serve /home/site/wwwroot/build --no-daemon --spa
使用--spa
选项pm2将自动将所有查询重定向到index.html,然后react router将发挥作用。
asp.net – 性能缓慢的Azure’Web App’Azure SQL DB
VM是一个简单的2核/ 7GB SSD机器.但即使我将我的网络应用程序设置为高级4核/ 7GB而我的数据库设置为高级250DTU,性能也不会提高.事实上,它在基本的2核web应用程序和10DTU数据库上是相同的.所以瓶颈必须在其他地方.
我如何找出导致处理速度缓慢的原因? Web应用程序和数据库显示没有性能警报,也不建议按比例放大.
解决方法
– 你的查询在这里
go select * from sys.dm_exec_session_wait_stats where session_id = @@spid order by wait_time_ms desc
最后一个SELECT语句将为您提供当前会话的所有等待.
您还可以启用查询存储.
http://www.sqlcoffee.com/Azure_0010.htm
并运行以下查询以了解在执行期间查询等待的原因
select wait_category_desc,sum(total_query_wait_time_ms) as [sum ms],count(*) as [interval cnt],avg(avg_query_wait_time_ms) as [avg ms],sum(total_query_wait_time_ms / avg_query_wait_time_ms) as [wait cnt] from sys.query_store_wait_stats group by wait_category_desc order by [sum ms] desc
以下文章将告诉您每个等待类别的含义.
https://docs.microsoft.com/en-us/sql/relational-databases/system-catalog-views/sys-query-store-wait-stats-transact-sql
希望这可以帮助.
asp.net-core – 如何在Azure Web Apps中将redirect_uri协议设置为HTTPS
GET https://login.microsoftonline.com/ecf3f643-27e5-4aa7-9d56-fd350e1e9c37/oauth2/authorize?client_id=20a2bcb5-0433-4bb4-bba3-d7dc4c533e85&redirect_uri=http://myapplication.mydomain.com/account/signin [...] 200 OK POST http://myapplication.mydomain.com/account/signin 301 Redirect --> https://myapplication.mydomain.com/account/signin GET https://myapplication.mydomain.com/account/signin 500 Internal Server Error
第一个GET是正常的Azure Active Directory登录请求.请注意,redirect_uri参数具有协议http.
第二个请求是重定向到redirect_uri,一个带有一些参数的POST.由于我已将Azure配置为仅允许HTTPS流量,因此IIS使用HTTPS重定向到相同的URL.这是第三个要求.请注意,此第三个请求是GET请求,因为HTTP redirection is always a GET request POST请求的所有参数都会丢失,并且身份验证失败会在后端发出HTTP 500错误.
我试图手动将redirect_uri参数中的协议更改为HTTPS,并按预期工作.因此,我唯一需要的是让ASP Net Core意识到协议是HTTPS.
怎么办?我在互联网上搜索了大量的页面而没有明确的答案.
注意:redirect_uri由Kestrel设置.由于Azure App Service将IIS放在我的Kestrel前面并在那里进行SSL终止,因此Kestrel和我的应用程序不知道协议是HTTPS,因此在重定向uri中使用HTTP.
更新1
按照@Bruce的建议,我尝试了示例here,克隆存储库并配置应用程序和AD中所述,并且我能够重现错误.
重定向URI继续使用http协议.如果我只在AD应用程序配置中添加https端点作为回复URL,则会收到错误回复地址’http://testloginad.azurewebsites.net/signin-oidc’与为应用程序配置的回复地址不匹配.如果我将http协议端点添加为回复URL,则会收到如下所示的HTTP 500错误:
System.Exception: Correlation Failed. at Microsoft.AspNetCore.Authentication.RemoteAuthenticationHandler`1.<HandleRequestAsync>d__12.MoveNext() --- End of stack trace from prevIoUs location where exception was thrown --- at System.Runtime.ExceptionServices.ExceptiondispatchInfo.Throw() at System.Runtime.CompilerServices.TaskAwaiter.HandleNonSuccessAndDebuggerNotification(Task task) at System.Runtime.CompilerServices.TaskAwaiter`1.GetResult() at Microsoft.AspNetCore.Authentication.AuthenticationMiddleware.<Invoke>d__6.MoveNext()
我仍然认为问题与Kestrel有关,不知道通过HTTPS完成连接,但我不知道如何将信息传达给它.
更新2
我使用的Azure Web应用程序的配置:
> Wep App类型:Linux
>应用程序设置:
>堆栈:.NET Core 2.0
>启动文件:dotnet ./WebApp-OpenIDConnect-DotNet.dll
> WEBSITE_HTTPLOGGING_RETENTION_DAYS:5
> ASPNETCORE_ENVIRONMENT:发展
>始终开启:开启
> ARR亲和力:开启
>自定义域名:
>仅限HTTPS:开启
>诊断日志:
> Docker容器记录:文件系统
>配额(MB):35
>保留期(天):5
在web.config文件中,我修改了以下行,如下所示:
<aspNetCore processpath="dotnet" arguments="./WebApp-OpenIDConnect-DotNet.dll" stdoutLogEnabled="false" stdoutLogFile="./stdout.log" />
基本上我提出斜杠而不是反斜杠,以避免Linux路径出现问题.
使用默认设置配置其他所有内容.
更新3
根据@Tratcher的要求,我在这里添加了服务器响应的标题(为了简洁起见,我只包括我认为相关的标题,如果你想看到任何其他标题,请随意让我添加它):
>第一个请求(GET https://login.microsoftonline.com/ecf …):
>服务器:Microsoft-IIS / 10.0
> Set-Cookie:ESTSAUTHPERSISTENT = AQAFCCEADDB … sts;路径= /;安全;仅Http
>严格运输安全:max-age = 31536000; includeSubDomains
>第二次请求(POST http://testloginad.azurewebsites.net/signin-oidc):
>地点:https://testloginad.azurewebsites.net/signin-oidc
>服务器:Microsoft-IIS / 10.0
>第三次请求(GET https://testloginad.azurewebsites.net/signin-oidc):
>服务器:红隼
任何请求中都不会出现x-forwarded-proto标头.
请注意,问题的根源可能在第二个请求的重定向中,即将HTTP POST重定向到HTTPS GET.该重定向不应该发生,因为首先应该通过HTTPS请求POST,但是由于第一个请求的redirect_uri中的http协议错误而没有发生.
更新4
我已经确认只有选择的服务计划是Linux服务计划才会出现此问题.如果服务计划是Windows服务计划(使用与UPDATE 1示例完全相同的代码和配置),则根本不会发生此问题.对于问题,这可能是一种解决方法,但不是解决方案. Linux应用程序服务似乎有缺陷.
解决方法
protected string buildredirectUri(string targetPath) => Request.Scheme + "://" + Request.Host + OriginalPathBase + targetPath;
由于Web App已经强制使用HTTPS,因此可以使用Startup.cs中的以下代码解决此问题
app.UseForwardedHeaders(new ForwardedHeadersOptions { ForwardedHeaders = ForwardedHeaders.XForwardedProto });
您只需添加此引用:
using Microsoft.AspNetCore.HttpOverrides;
asp.net-core – 是否可以直接在Azure WebApps中的Kestrel上运行ASP.NET 5站点?
解决方法
但在一般情况下,你绝对可以直接运行Kestrel.毕竟它只是dnx web,它正是XPlat版本(Linux,OSX)最终将使用(几乎).
你不使用IIS会失去什么
>安全性(与IIS相比较新的组件)
>轻松设置SSL
>处理文件/缓存和其他东西的内核模块(内核=更快)
>应用程序监控/ Keep-Alive(如果Kestrel崩溃会发生什么)
>多个主机名单端口(80)重用
>等
从不使用IIS获得的收益
>完全控制您的流程
>整体性能更高
>更简单的安装/执行
如果您选择不使用IIS,应该怎么做
如果您对“丢失”点感到满意,我仍然会将您的Kestrel托管在反向代理或Nginx服务器之后.红隼被制作成“生产就绪”,但它不是Nginx或IIS.
据我所知,它不会保持活力.
如果我遗漏了什么,请告诉我.
Azure Linux Web Apps中的Apache配置和重定向
PaaS Web Apps的推荐方法是使用.htaccess文件,但听起来您不想在客户端应用程序中处理重定向。
我可以为您想到另外两种可能性:
- 使用Web App Linux容器
- Use Azure Frontdoor URL redirect
如果您还有其他疑问或疑虑,请告诉我。
关于React路由器直接链接在Azure Web App Linux上不起作用和react路由怎么配的问题就给大家分享到这里,感谢你花时间阅读本站内容,更多关于asp.net – 性能缓慢的Azure’Web App’Azure SQL DB、asp.net-core – 如何在Azure Web Apps中将redirect_uri协议设置为HTTPS、asp.net-core – 是否可以直接在Azure WebApps中的Kestrel上运行ASP.NET 5站点?、Azure Linux Web Apps中的Apache配置和重定向等相关知识的信息别忘了在本站进行查找喔。
本文标签: