vue项目部署到github页面报错：404（解决方法）

最新推荐文章于 2024-03-30 22:21:56 发布
最新推荐文章于 2024-03-30 22:21:56 发布
阅读量1.3k 收藏
点赞数 2
文章标签： vue github 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_50692006/article/details/119204858
版权

vue项目部署到github页面报错：404

原因：

如果 vue 项目设置的是 history 路由模式，由于只有一个 index.html 主页面，所以每次在浏览器地址栏上直接访问 或者 刷新 非首页地址都会造成 404

解决办法

由于github pages在找不到页面的时候，会先在index.html所在的路径下找有没有404.html页面，展示404.html页面，所以我们可以在index.html所在的路径下新建一个404.html，内容与index.html完全一样即可

完结撒花！

m0_50692006
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue3 - vite 项目报错：Uncaught ReferenceError: require is not defined（解决 vue3 vite 项目无法识别 require 语法导致报错）
王佳斌
12-16 1万+
vue3，vite，报错解决，vue3+vite报错require is not defined，vue3 vite引插件不识别require，老插件必须用require怎么办，vite项目插件要求使用require引入但报错，vue3不兼容require导致第三方包插件无法使用，vue3 vite中使用require报错怎么办，解决Vite+vue3使用第三方依赖报错“require is not defined”问题，vite项目require语法兼容问题解决 require is not define
Vue项目上传到GitHub上
try_hard_more的博客
06-24 2275
Vue项目上传到GitHub上（详细版）
Github repository（仓库）部署项目后的页面404问题
Fifty-three的博客
05-12 2451
记录今天遇到问题： 第一次按照一位博主部署，在填项目名时设置为 (idname).github.io后，可以正常访问，后来在别人博主那里看到他把项目名写作demo，比较简洁，也好像可以访问，我就把之前创建的仓库删除，尝试了一下demo，发现没办法访问，显示404 部署完通过域名访问项目时显示404，怎么办？找一下，发现有位博主也遇到这个问题，他的解决方案是把项目改名为 (idname).github.io //如果你的idname是 zhangsan 那就命名为zhangsan.github.i.
vue build html 路由,VUE CLI 打包build项目, 发布到github pages ,子路由刷新报错404 [ vue-router 里 mode: 'history' ]解决方...
weixin_29608475的博客
07-01 294
问题1: 首页正常, 在子路由页面刷新报错npm build 后 生成dist文件夹, 将里面的全部内容放置到 本身新建的github Pages 项目里面,首页正常访问, 能经过首页按钮进入子路由, 可是在子路由页面 F5刷新当前页,报错404css解决方法(图1):html在index.html同级目录 , 只须要新建一个404.html，内容和index.html相同 便可图1:vue 问题...
vuepress项目部署到自己的服务器,vuepress 文档项目，部署在GitHub上遇到问题
weixin_36448411的博客
08-09 595
vuepress 快速创建自己文档开始1、创建并进入一个新目录mkdir vuepress-starter && cd vuepress-starter2、使用你喜欢的包管理器进行初始化有时候yarn init 失败，就有npm inityarn init # npm init3、将 VuePress 安装为本地依赖yarn add -D vuepress # npm instal...
GitHub | Pages 部署 Vue 项目但页面空白，报错：net::ERR_ABORTED 404 (Not Found)
最新发布
狂放不羁霸的博客
03-30 755
publicPath 指示了资源文件（如图片、CSS 文件等）的公共基础路径。例如，如果你的应用是部署在域名的根目录下，那么你的 publicPath 可能会是 '/'。如果部署在子目录下，比如 '/my-app/'，那么你就需要设置成这个值。当设置为 './' 时，通常意味着资源文件是相对于当前页面位置的。控制台报错说找不到这些资源，但是 dist 目录下都有这些 JS 文件啊，这是为什么？修改后重新 build 项目，再 push 到 GitHub 上。
github创建个人网页登录后404无法显示的问题
Cc
10-10 2433
1.首先必须要有内容，默认是会找index.html文件，找不到该文件会找readme.md文件，也就是说最简单的方法是，创建了与用户名同名的repository后username.github.io后，添加一个readme.md文件，得在readme里打点字，这个里面得有东西。
VUE CLI 打包build项目, 发布到github pages ,子路由刷新报错404 [ vue-router 里 mode: 'history' ]解决方法
gentlu的博客
08-15 2867
VUE CLI 打包build项目, 发布到github pages ,子路由刷新报错404 [ vue-router 里 mode: 'history' ]解决方法问题1: 首页正常, 在子路由页面刷新报错问题2: 访问首页 css js等资源文件404找不到问题3: https页面上 访问 http请求报错新建的github pages 配置自定义域名访问(支持http) 问题1: ...
vue3项目部署到github报错 Failed to fetch dynamically imported module:
08-29
对于部署Vue 3项目到GitHub时出现的"Failed to fetch dynamically imported module"报错，可能是由于某些原因导致动态导入的模块无法正确加载。以下是一些可能的解决方案： 1. 确保您的项目已经正确构建：运行`npm ...
解决vue net :ERR_CONNECTION_REFUSED报错问题
10-14
本文将重点讲解如何解决Vue项目中出现的这个报错问题。 首先，我们分析错误产生的原因。在提供的描述中，作者提到是因为频繁更换网络环境，导致需要在`package.json`的`dev`脚本中更改`--host`参数。在开发过程中，...
手把手教你初始化Vue项目并部署在github上
xuan950205的博客
07-31 2710
手把手创建Vue项目，并部署在github上
vite+vue3项目部署到gitee pages报文件资源404 Not Found 问题踩坑记录
夏夜追凉丶的博客
05-24 919
项目打包dist后，部署到gitee pages上时，报css与js文件资源404 Not Found 的错
Vite+Vue3预览打包项目传到GitHub首页空白文件加载报错404的解决办法。
J_Sky：编程爱好者,又菜又爱玩.
03-19 1053
最近写了一个小项目，打算把静态页面部署到GitHub上，使用pages来展示预览，项目其实很简答，使用的是Vite+Vue等一些相关依赖搭建的，使用Vite打包，项目调试完毕觉得没有问题后，就在终端下使用命令打包了。另外build这个属性可以用来设置打包的目录名称，目前GitHub可以吧静态页面存放在项目的docs路径下部署，比较方便，这样我们添加这二个属性到项目根目录下的vite.config.js中就可以了。终端运行打包命令，然后push项目，又可以愉快的打游戏了。
将vue cli 3.0项目部署到Github Page的注意点
qq_38366946的博客
04-24 447
1.路由模式暂不支持history模式，一定要是hash 2.cli3.3之后取消了baseUrl，所以要在vue.config.js里面需要加上publicPath: ‘./’ module.exports = { publicPath: './' } 3.去掉.gitignore里的dist之后，将项目传到github上面，再打开项目设置 翻到下面的GitHub Pages，选择S...
VuePress部署GitHub、Gitee遇到的那些坑
qq_34252283的博客
05-04 3845
前言 最近在用Vuepress的vuepress-theme-reco搭建我的个人博客个人博客，并部署到GitHub或者Gitee的GitPages的过程中，遇到到了各种各样的坑。为了解决这些坑，我通过加群交流，网上搜寻花费了不少 精力来解决，为了避免大家和我踩同样的坑，我通过此篇博文，特地将遇到的问题和解决方案记录下来，与大家分享。 总结一下，遇到的问题分为两类：1、路径问题 2、部署问题 如果...
vuepress个人博客部署遇到的一些问题
weixin_45785873的博客
08-08 2668
vuepress是一个由vue驱动的静态网页生成器，利用vuepress可以打造专属的个人博客，也可以成为自己的笔记库。在这里说一下部署时遇到的一些问题
Vue 项目build打包发布到github pages ,刷新页面首页正常打开，子路由报错404的解决方法
wocwin的博客
06-20 423
Vue 项目build打包发布到github pages ,刷新页面首页正常打开，子路由报错404的解决方法
vue 项目打包布署到 github 上刷新后出现空白和 404 页面
Goaread的博客
03-11 1631
一般有两种情况，一种是页面空白，但没有 404，一种是 404。
gitee项目404问题_vuepress建站过程中遇到的一些问题
weixin_28289089的博客
11-29 648
虽互不曾谋面,但希望能和您成为笔尖下的朋友以读书,技术,生活为主,偶尔撒点鸡汤不作,不敷衍,意在真诚吐露,用心分享点击左上方,可关注本刊标星公众号(ID：itclanCoder)如果不知道如何操作点击这里,标星不迷路页面显示-404在 vuepress说明了文件路径与页面路由之间的映射关系文件的相对路径页面路由地址/README.md//guide/README/guide//READM...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值