Bereitstellen von auf azur mit create-reagieren-App

Question

ich verwende erstellen reagieren-App für die Entwicklung meiner Reagieren App. Jetzt möchte ich das Paket in der Cloud veröffentlichen. Also habe ich:

npm run build 

es erstellt einen build Ordner, in dem ich ein Repo initialisiert:

git init 

dann hinzugefügt, um den Ursprung

git remote add origin https://mysiteonazure.com/app.git 

schließlich engagierte und schob die Dateien. So konnte ich meine App sehen. Das Problem tauchte auf, als ich mit URLs navigieren wollte, also zu:

http://mysiteonazure.com/login 

hat nicht funktioniert.

So kam ich zu folgendem Artikel Deploying create-react-app on Microsoft Azure

Also meine Build hatte:

build-azure 
|_.git 
|_static 
|_asset-manifest-json 
|_favicon.ico 
|_index.html 

Und jetzt habe ich web.config

build-azure 
|_.git 
|_static 
|_asset-manifest-json 
|_favicon.ico 
|_index.html 
|_web.config 

mit:

<?xml version=”1.0"?> 
<configuration> 
<system.webServer> 
<rewrite> 
<rules> 
<rule name=”React Routes” stopProcessing=”true”> 
<match url=”.*” /> 
<conditions logicalGrouping=”MatchAll”> 
<add input=”{REQUEST_FILENAME}” matchType=”IsFile” negate=”true” /> 
<add input=”{REQUEST_FILENAME}” matchType=”IsDirectory” negate=”true” /> 
<add input=”{REQUEST_URI}” pattern=”^/(api)” negate=”true” /> 
</conditions> 
<action type=”Rewrite” url=”/” /> 
</rule> 
</rules> 
</rewrite> 
</system.webServer> 
</configuration> 

Aber jetzt, wenn ich auf die Hauptseite gehen: http://mypage.azurewebsite.net ich:

Die Seite kann nicht angezeigt werden, da ein interner Serverfehler aufgetreten ist.

Wie kann ich dieses Problem lösen? Oder, wie kann ich meine App korrekt veröffentlichen?

Answer 1

die detaillierten Informationen gegeben, war das Problem die Zitate, ich die web.config aus der angegebenen Quelle kopiert, und es andere zitiert hatte, so der eigentliche web.config ist:

<?xml version="1.0"?> 
<configuration> 
<system.webServer> 
<rewrite> 
<rules> 
<rule name="React Routes" stopProcessing="true"> 
<match url=".*" /> 
<conditions logicalGrouping="MatchAll"> 
<add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" /> 
<add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" /> 
<add input="{REQUEST_URI}" pattern="^/(api)" negate="true" /> 
</conditions> 
<action type="Rewrite" url="/" /> 
</rule> 
</rules> 
</rewrite> 
</system.webServer> 
</configuration>