在IIS8 Windows服务器上部署React应用程序(Azure VM)

gopyfrb3 于 2022-11-12 发布在 Windows

关注(0)|答案(1)|浏览(174)

请帮助。我有一个react应用程序，当从VS 2017启动时工作完美。同一个应用程序当托管在Azure VM（IIS-8，Windows Server）上时给我404或500个错误。
我的托管目录结构适用于我的.Net应用程序以及混合的.net和React应用程序，但不适用于我的新的仅React应用程序。
我的目录结构是wwwroot〉Dashboard。我将我的生产版本复制到这个Dashboard文件夹。
我的Web配置是：

`<?xml version="1.0" encoding="utf-8"?>
    <configuration>
      <location path="." inheritInChildApplications="false">
          <system.webServer>
            <handlers>
                <add name="aspNetCore" path="*" verb="*" modules="AspNetCoreModule" resourceType="Unspecified" />
            </handlers>
            <aspNetCore processPath="dotnet" arguments=".\Dashboard.dll" stdoutLogEnabled="true" stdoutLogFile=".\logs\stdout" />
            <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>
        </location>
    </configuration>`

enter image description here

iis

来源：https://stackoverflow.com/questions/55477691/deploying-react-app-on-iis8-windows-server-azure-vm

1条答案

按热度按时间

qcbq4gxm1#

据我所知，www.example.com的asp.net核心应用程序使用services.AddSpaStaticFiles来为React应用程序服务而不是使用url重写。
我建议您可以检查Startup.cs的Configure和ConfigureServices方法，以确保您已经添加了SPA设置。
代码如下：

public void ConfigureServices(IServiceCollection services)
    {
        services.AddMvc().SetCompatibilityVersion(CompatibilityVersion.Version_2_1);

        // In production, the React files will be served from this directory
        services.AddSpaStaticFiles(configuration =>
        {
            configuration.RootPath = "ClientApp/build";
        });
    }

    public void Configure(IApplicationBuilder app, IHostingEnvironment env)
    {
        if (env.IsDevelopment())
        {
            app.UseDeveloperExceptionPage();
        }
        else
        {
            app.UseExceptionHandler("/Error");
            app.UseHsts();
        }

        app.UseHttpsRedirection();
        app.UseStaticFiles();
        app.UseSpaStaticFiles();

        app.UseMvc(routes =>
        {
            routes.MapRoute(
                name: "default",
                template: "{controller}/{action=Index}/{id?}");
        });

        app.UseSpa(spa =>
        {
            //the source path of the react application
            spa.Options.SourcePath = "ClientApp";

            if (env.IsDevelopment())
            {
                spa.UseReactDevelopmentServer(npmScript: "start");
            }
        });
    }

赞(0）回复(0）举报 2022-11-12

我来回答

在IIS8 Windows服务器上部署React应用程序(Azure VM)

1条答案

相关问题

热门标签

最新问答