create-react-appでazureにデプロイ

Question

私はReactアプリケーションを開発するためにcreate-react-appを使用しています。今ではバンドルをクラウドに公開したいと思っています。だから私がやった：

npm run build 

それは私がレポを初期化buildフォルダ作成：

git init 

を、その後の原点は最終的にコミットしてファイルをプッシュ

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

を追加しました。だから私は自分のアプリを見ることができた。この問題は、URLを使用して移動したいときに表示され、移動先：

http://mysiteonazure.com/login 

は機能しませんでした。

だから私は、だから私のビルドが持っていた以下の記事Deploying create-react-app on Microsoft Azure

に来た：

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

をそして今、私はweb.config

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

を追加しました：

<?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> 

しかし、私はメインページに行くと今：http://mypage.azurewebsite.net私が取得：

内部サーバーエラーが が発生したため、ページを表示できません。

どうすればこの問題を解決できますか？または、アプリを正しく公開するにはどうすればよいですか？詳細な情報が与えられ

Answer 1

が、問題は引用符だった、私は与えられたソースからweb.configをコピーし、それが他の引用符を持っていたので、本当のweb.configは次のとおりです。

<?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>