我一直在將一個項目從 .NET Framework 遷移到 .NET Core 2，這個過程比預期的要順利，但是當我認為我已經克服了最困難的挑戰時，我終生無法獲得 SPA 方面上班。當我啟動應用程序時，只要我轉到根目錄 ( https://localhost:5001 ) ，它就可以正常工作，并且我可以使用 Angular 路由進行導航。但是，如果我嘗試通過路由加載頁面，例如。https://localhost:5001/login，我得到一個通用的Chrome 404“找不到本地主機頁面”。我index.html在目錄中MyApp/Pages/，我的客戶端代碼在MyApp/wwwroot/app/. 當移動index.html到wwwroot文件夾時，我什么也得不到。在 My 中Startup.cs，這是我的設置方式：public class Startup{ // This method gets called by the runtime. Use this method to configure the HTTP request pipeline. public void Configure(IApplicationBuilder app, IHostingEnvironment env) { if (env.IsDevelopment()) { app.UseDeveloperExceptionPage(); } else { app.UseExceptionHandler("/Error"); app.UseHsts(); } app.UseHttpsRedirection(); app.UseStaticFiles(); var defaultFileOptions = new DefaultFilesOptions(); defaultFileOptions.DefaultFileNames.Clear(); defaultFileOptions.DefaultFileNames.Add("/index.html"); app.UseDefaultFiles(defaultFileOptions); app.Use(async (context, next) => { await next(); if (context.Response.StatusCode == 404 && !Path.HasExtension(context.Request.Path.Value)) { context.Request.Path = "/index.html"; context.Response.StatusCode = 200; await next(); } }); app.UseCookiePolicy(); app.UseAuthentication(); app.UseMvc(); }}我嘗試了許多指南，但似乎我能找到的大多數指南都非常過時，或者在嘗試使用帖子中的方法時，它們是我沒有的方法。非常感謝任何幫助，因為我很想完成遷移并繼續從事該項目。
3 回答
慕桂英4014372
TA貢獻1871條經驗 獲得超13個贊
這里的問題是你有一個 SPA，而 Angular 有它自己的路由，但是當你嘗試使用像https://localhost:5001/login這樣的 URL 時，這條路由是由 MVC 而不是由 Angular 提供的，MVC 會找不到合適的控制器，結果返回 404。
你應該做的是返回 index.html 以響應此類請求，以便 Angular 路由可以處理它。你可以看看這篇文章：
https://www.toptal.com/angular/angular-5-asp-net-core
慕碼人8056858
TA貢獻1803條經驗 獲得超6個贊
原來我的問題出在我處理 404 的方式上。我context.Request.Path = "/index.html";在 Startup.cs中做的，但它仍然無法解析 html 文件，所以我讓它重定向回根路徑：
app.Use(async (context, next) =>
{
await next();
if (context.Response.StatusCode == 404 &&
!Path.HasExtension(context.Request.Path.Value))
{
// This is what I changed. I need to resolve to "/" instead of "/index.html"
context.Request.Path = "/";
context.Response.StatusCode = 200;
await next();
}
});
慕村9548890
TA貢獻1884條經驗 獲得超4個贊
使用此代碼：
public void Configure(IApplicationBuilder app, IHostingEnvironment env)
{
if (env.IsDevelopment())
{
app.UseDeveloperExceptionPage();
app.UseBrowserLink();
}
else
{
app.UseExceptionHandler("/Error");
}
app.UseStaticFiles();
app.UseMvc(routes =>
{
routes.MapRoute(
name: "default",
template: "{controller}/{action=Index}/{id?}");
});
}
- 3 回答
- 0 關注
- 215 瀏覽
添加回答
舉報
0/150
提交
取消