Aspnet7+docker+React中的SPA重定向错误
创始人
2024-09-20 06:30:29
0次
  1. 首先,在Dockerfile中,确保你已经使用的是ASP.NET Core SDK映像(例如:mcr.microsoft.com/dotnet/core/sdk:3.1)而非ASP.NET Core运行时映像。在这种情况下,你需要在Dockerfile中添加以下行来构建React应用程序并将生成文件复制到ASP.NET Core应用程序中:
FROM node AS build
WORKDIR /app
COPY package*.json ./
RUN npm install
COPY . .
RUN npm run build

FROM mcr.microsoft.com/dotnet/core/sdk:3.1
WORKDIR /app
COPY --from=build /app/build ./

ENTRYPOINT ["dotnet", "MyApp.dll"]
  1. 其次,在React应用程序(src/index.js)中使用BrowserRouter而不是HashRouter,并将basename属性设置为应用程序根目录路径:
import React from 'react'
import ReactDOM from 'react-dom'
import { BrowserRouter } from 'react-router-dom'
import App from './App'

const baseUrl = document.getElementsByTagName('base')[0].getAttribute('href')
const rootElement = document.getElementById('root')

ReactDOM.render(
  
    
  ,
  rootElement
)
  1. 最后,在ASP.NET Core中确保使用UseMvcWithDefaultRoute(而不是UseMvc)和MapFallbackToFile:
public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
{
    if (env.IsDevelopment())
    {
        app.UseDeveloperExceptionPage();
    }
    else
    {
        app.UseHttpsRedirection();
        app.UseHsts();
    }

    app.UseStaticFiles();
    app.UseRouting();
    app.UseEndpoints(endpoints =>
    {
        endpoints.MapControllers();
    });

    app.Use(async (context, next) =>
    {
        await next();

        if (context.Response.StatusCode == 404 && !Path.HasExtension(context.Request.Path.Value))
        {
            context.Request.Path = "/index.html";
            await next();
        }
    });

    app.UseMvcWithDefaultRoute();
    app.UseSpa(spa =>
    {

相关内容

热门资讯

存在挂教程!wepoker私人... 『标题:当前标题』主打赛后复盘的 AI 游戏攻略黑科技走红,对局总结能力开挂。上传对局回放或者战绩截...
揭秘关于!wepoker辅助插... 您好:wepoker辅助插件功能这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现很...
重大发现!wepoker有插件... 您好:wepoker有插件吗这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现很多用...
玩家交流!wepoker免费脚... 您好,玩家交流!wepoker免费脚本咨询,WPK真的有透视吗下载(固有真的有辅助)这款游戏可以开挂...
总算了解!!德扑之星透视辅助插... 德扑之星透视辅助插件AI 游戏攻略黑科技上线本地缓存功能,离线查阅能力开挂。提前下载对应游戏攻略数据...
一秒答解!wejoker辅助脚... 一秒答解!wejoker辅助脚本,德普之星软件下载插件(原来有透视)AI 是一款可以让一直输的玩家修...
新版2025教程!wepoke... 新版2025教程!wepoker辅助器怎么弄,WPK开挂脚本平台(素来存在有开挂)AI 智能体黑科技...
一分钟了解!wepoker游戏... 您好:wepoker游戏下载这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现很多用...
必知教程!wpk俱乐部是做什么... 您好,必知教程!wpk俱乐部是做什么的,德普之星透视脚本教程(真是存在有透视挂)这款游戏可以开挂的,...
攻略教程!wepoker手机版... 攻略教程!wepoker手机版辅助,微扑克透视神器软件(从前真的是有辅助挂)主打本地运行的 AI 黑...