ASP.NET 3.X Endpoint Routing

Configuration Options

publicclassStartup{publicStartup(IConfigurationconfiguration){Configuration=configuration;}publicIConfigurationConfiguration{get;}// This method gets called by the runtime. Use this method to add services to the container.publicvoidConfigureServices(IServiceCollectionservices){// NOTE: PRODUCTION Ensure this is the same path that is specified in your webpack outputservices.AddSpaStaticFiles(opt=>opt.RootPath="ClientApp/dist");services.AddControllers();}// This method gets called by the runtime. Use this method to configure the HTTP request pipeline.publicvoidConfigure(IApplicationBuilderapp,IWebHostEnvironmentenv){// optional base path for IIS virtual app/directoryapp.UsePathBase("/optionalpath");// PRODUCTION uses webpack static filesapp.UseSpaStaticFiles();// Routingapp.UseRouting();app.UserAuthorization();app.UseEndpoints(endpoints=>{endpoints.MapControllers();endpoints.MapToVueCliProxy("{*path}",newSpaOptions{SourcePath="ClientApp"},npmScript:(System.Diagnostics.Debugger.IsAttached)?"serve":null,regex:"Compiled successfully",forceKill:true,wsl:false// Set to true if you are using WSL on windows. For other operating systems it will be ignored);});}}

ASP.NET 2.2 Usage Example

usingVueCliMiddleware;publicclassStartup{publicStartup(IConfigurationconfiguration){Configuration=configuration;}publicIConfigurationConfiguration{get;}publicvirtualvoidConfigureServices(IServiceCollectionservices){services.AddMvc();// etc// Need to register ISpaStaticFileProvider for UseSpaStaticFiles middleware to workservices.AddSpaStaticFiles(configuration=>{configuration.RootPath="ClientApp/dist";});}publicvirtualvoidConfigure(IApplicationBuilderapp,IHostingEnvironmentenv){// your config opts...// optional basepath// app.UsePathBase("/myapp");// add static files from SPA (/dist)app.UseSpaStaticFiles();app.UseMvc(routes=>/* configure*/);app.UseSpa(spa=>{spa.Options.SourcePath="ClientApp";#ifDEBUGif(env.IsDevelopment()){spa.UseVueCli(npmScript:"serve",port:8080);// optional port}#endif});}}

CSPROJ Configuration

  <PropertyGroup><!-- Typescript/Javascript Client Configuration-->    <SpaRoot>ClientApp\</SpaRoot>    <DefaultItemExcludes>$(DefaultItemExcludes);$(SpaRoot)node_modules\**</DefaultItemExcludes>  </PropertyGroup>  <TargetName="DebugEnsureNodeEnv"BeforeTargets="Build"><!-- Build Target:  Ensure Node.js is installed-->    <ExecCommand="node --version"ContinueOnError="true">      <OutputTaskParameter="ExitCode"PropertyName="ErrorCode" />    </Exec>    <ErrorCondition="'$(ErrorCode)' != '0'"Text="Node.js is required to build and run this project. To continue, please install Node.js from https://nodejs.org/, and then restart your command prompt or IDE." />  </Target>  <TargetName="DebugEnsureNpm"AfterTargets="DebugEnsureNodeEnv"><!-- Build Target:  Ensure Node.js is installed-->    <ExecCommand="npm --version"ContinueOnError="true">      <OutputTaskParameter="ExitCode"PropertyName="ErrorCode" />    </Exec>  </Target>  <TargetName="EnsureNodeModulesInstalled"BeforeTargets="Build"Inputs="package.json"Outputs="packages-lock.json"><!-- Build Target: Restore NPM packages using npm-->    <MessageImportance="high"Text="Restoring dependencies using 'npm'. This may take several minutes..." />    <ExecWorkingDirectory="$(SpaRoot)"Command="npm install" />  </Target>  <TargetName="PublishRunWebpack"AfterTargets="ComputeFilesToPublish"><!-- Build Target: Run webpack dist build-->    <MessageImportance="high"Text="Running npm build..." />    <ExecWorkingDirectory="$(SpaRoot)"Command="npm run build" /><!-- Include the newly-built files in the publish output-->    <ItemGroup>      <DistFilesInclude="$(SpaRoot)dist\**" />      <ResolvedFileToPublishInclude="@(DistFiles->'%(FullPath)')"Exclude="@(ResolvedFileToPublish)">        <RelativePath>%(DistFiles.Identity)</RelativePath>        <CopyToPublishDirectory>PreserveNewest</CopyToPublishDirectory>      </ResolvedFileToPublish>    </ItemGroup>  </Target>

History