Serve page on github-pages

Hello, I have problem serving my app on gh-page. In development mode everything works fine. In production environment (I’m hosting on gh-pages) I can’t visit my sub-pages directly. That is I can’t go directly to e.g. https://preview.pro.ant.design/dashboard/analysis because it throws me github 404 page. Instead I have to go first to https://preview.pro.ant.design, and then to the dashboard/analysis through umi router. I’ve copied the exact config that this project has, but it still doesn’t work. How does the https://preview.pro.ant.design solved this issue ? It looks like it’s hosted on gh-pages as well https://github.com/ant-design/ant-design-pro/tree/gh-pages . And it doesn’t use history : { type: 'hash' } how did they achieve it ?

[huntdream]

@huntdream I’m confused. Are you saying that you fixed the problem? Was the solution to just add a 404.html or 404.md file in the /dist folder?

Does that mean that every time we run npm run build we will have to manually copy that 404 file over?

Yes, you just need to add a custom 404.html to override the default 404 page of Github Pages I think you can just cp index.html 404.html

[christopherkao]

@stasbar I’ve tried setting in config.js:

export default defineConfig({
  base: '/',
  publicPath: '/',
...
}

After building and re-deploying to Github Pages, my site at http://finances.fyi/home-mortgage still returns the Github 404 error.