如何使用gh-pages部署vue应用?使用webpack5实现微前端,希望将这些应用部署到git-pages,怎么办?什么是webpack5模块联合来实现微前端gh-pages?gh-pages是github提供的一项服务,用于托管项目、组织等静态页面,可以使用该服务托管项目介绍页面、使用文档和组织介绍、个人简历等。如何部署到gh-pages?参考这个。如何将ReactApp部署到GitHubPages也可以结合CICD工具实现自动化部署,相关操作可自行搜索。如何解决部署后效果和切换路由后刷新浏览器404?设置两个地方使用仓库名称作为基本路径constisProd=process.env.NODE_ENV==='production'consthistory=isMemoryHistory?createMemoryHistory(basePath):createWebHistory(isProd?'/vue3-dashboard':undefined)//生产环境只设置基本路径//vue3-dashboard为项目名。设置自定义错误页面,添加一个404.html,内容同index.html。找不到路径时,会渲染404.html。每次都要复制文件,很麻烦。每次执行部署,脚本执行成功后,我将index.html复制到404.html"build":"webpack--configconfig/webpack.prod.js--progress","postbuild":"cpdist/index.htmldist/404.html","predeploy":"npmrunbuild","deploy":"gh-pages-ddist"其他解决方案:使用hash方式,然后根据hash方式部署vue到GitHubPages这个设置:404页面没试过,不知道行不行。我也尝试了gh-pages动态路由刷新后单页应用404的解决方案,没有成功。更多方法参考HowtofixHTTP404onGithubPages?React项目是如何解决404问题的?我在vue中尝试了类似的解决方案,但是没有用。如果你有更好的方法,谢谢你告诉我。
