如何解决dotnet 核心 UseStaticFiles 索引回退
我的 Startup.cs 中有这个 Configure
方法。
它做了 3 件事:
- 在 wwwroot 下提供静态文件
- 为 index.html 添加 CSP 标头
- 通过 /settings.json 路由提供参数
public void Configure(IApplicationBuilder app,IWebHostEnvironment env)
{
if (env.IsDevelopment())
{
app.UseDeveloperExceptionPage();
}
app.UseHttpsRedirection();
// Defaults to index.html
var defaultFilesOptions = new DefaultFilesOptions();
defaultFilesOptions.DefaultFileNames.Clear();
defaultFilesOptions.DefaultFileNames.Add("index.html");
app.UseDefaultFiles(defaultFilesOptions);
var staticFileOptions = new StaticFileOptions
{
OnPrepareResponse = ctx =>
{
// Add CSP for index.html
if (ctx.File.Name == "index.html")
{
ctx.Context.Response.Headers.Append(
"Content-Security-Policy","default-src 'self'" // etc
);
}
}
};
app.UseStaticFiles(staticFileOptions); // wwwroot
app.UseRouting();
app.UseEndpoints(endpoints =>
{
// Settings.json endpoint
endpoints.MapGet("/settings.json",async context =>
{
string json = $@"
{{
""myConfig"": ""{_configuration["myParameter"]}""
}}";
await context.Response.WriteAsync(json);
});
});
}
}
wwwroot下的文件其实就是一个带路由的vue.js app。我需要为所有不存在的请求返回 index.html
,以便客户端路由控制页面。
目前它返回 404 并且不传入 OnPrepareResponse
钩子。
如何为路由器配置索引回退以在历史模式下工作? 我认为它可以通过 web.config 中的配置来实现,但我更喜欢在 Startup.js 中配置它,所以这一切都在同一个地方。
解决方法
我最终编写了一个执行索引回退的文件提供程序。它封装了一个PhysicalFileProvider
,如果找不到文件,则在特定条件下返回index.html
。在我的情况下,条件基于文件夹 css、img 或 js。
它是这样实现的:
using Microsoft.Extensions.FileProviders;
using Microsoft.Extensions.Primitives;
using System.Linq;
public class IndexFallbackFileProvider : IFileProvider
{
private readonly PhysicalFileProvider _innerProvider;
public IndexFallbackFileProvider(PhysicalFileProvider physicalFileProvider)
{
_innerProvider = physicalFileProvider;
}
public IDirectoryContents GetDirectoryContents(string subpath)
{
return _innerProvider.GetDirectoryContents(subpath);
}
public IFileInfo GetFileInfo(string subpath)
{
var fileInfo = _innerProvider.GetFileInfo(subpath);
if(!fileInfo.Exists && MustFallbackToIndex(subpath))
{
if(!_staticFilesFolders.Any(f => subpath.Contains(f)))
{
fileInfo = _innerProvider.GetFileInfo("/index.html");
}
}
return fileInfo;
}
// Plain 404 are OK for css,img,js.
private static string[] _staticFilesFolders = new string[] { "/css/","/img/","/js/" };
private static bool MustFallbackToIndex(string subpath)
{
return !_staticFilesFolders.Any(f => subpath.Contains(f));
}
public IChangeToken Watch(string filter)
{
return _innerProvider.Watch(filter);
}
}
然后,在 startup.config 中,我使用此提供程序。
另外,我必须将 ServeUnknownFileTypes
设置为 true
才能响应对 /path/without/extension
的请求。
var physicalFileProvider = new PhysicalFileProvider(Path.Combine(env.ContentRootPath,"wwwroot"));
var fileProvider = new IndexFallbackFileProvider(physicalFileProvider);
var staticFileOptions = new StaticFileOptions
{
FileProvider = fileProvider,ServeUnknownFileTypes = true
};
app.UseStaticFiles(staticFileOptions);
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。