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

最新推荐文章于 2024-08-25 22:25:31 发布

m0_50692006

最新推荐文章于 2024-08-25 22:25:31 发布

阅读量1.5k

点赞数 2

文章标签： vue github 前端

本文链接：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完全一样即可

完结撒花！

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

m0_50692006

关注关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Vue3 - vite 项目报错：Uncaught ReferenceError: require is not defined（解决 vue3 vite 项目无法识别 require 语法导致报错）

王二红

12-16

2万+

vue3，vite，报错解决，vue3+vite报错requireisnotdefined，vue3vite引插件不识别require，老插件必须用require怎么办，vite项目插件要求使用require引入但报错，vue3不兼容require导致第三方包插件无法使用，vue3vite中使用require报错怎么办，解决Vite+vue3使用第三方依赖报错“requireisnotdefined”问题，vite项目require语法兼容问题解决requireisnotdefine

Vue项目上传到GitHub上

try_hard_more的博客

06-24

2384

Vue项目上传到GitHub上（详细版）

参与评论您还未登录，请先登录后发表或查看评论

GitHub | Pages 部署 Vue 项目但页面空白，报错：net::ERR_ABORTED 404 (Not Found)

狂放不羁霸的博客

03-30

987

publicPath 指示了资源文件（如图片、CSS 文件等）的公共基础路径。例如，如果你的应用是部署在域名的根目录下，那么你的 publicPath 可能会是 '/'。如果部署在子目录下，比如 '/my-app/'，那么你就需要设置成这个值。当设置为 './' 时，通常意味着资源文件是相对于当前页面位置的。控制台报错说找不到这些资源，但是 dist 目录下都有这些 JS 文件啊，这是为什么？修改后重新 build 项目，再 push 到 GitHub 上。

Github repository（仓库）部署项目后的页面404问题

Fifty-three的博客

05-12

2879

记录今天遇到问题：第一次按照一位博主部署，在填项目名时设置为 (idname).github.io后，可以正常访问，后来在别人博主那里看到他把项目名写作demo，比较简洁，也好像可以访问，我就把之前创建的仓库删除，尝试了一下demo，发现没办法访问，显示404 部署完通过域名访问项目时显示404，怎么办？找一下，发现有位博主也遇到这个问题，他的解决方案是把项目改名为 (idname).github.io //如果你的idname是 zhangsan 那就命名为zhangsan.github.i.

vue 项目打包布署到 github 上刷新后出现空白和 404 页面

Goaread的博客

03-11

1986

一般有两种情况，一种是页面空白，但没有 404，一种是 404。

vue build html 路由,VUE CLI 打包build项目, 发布到github pages ,子路由刷新报错404 [ vue-router 里 mode: 'history' ]解决方...

weixin_29608475的博客

07-01

322

问题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

646

vuepress 快速创建自己文档开始1、创建并进入一个新目录mkdir vuepress-starter && cd vuepress-starter2、使用你喜欢的包管理器进行初始化有时候yarn init 失败，就有npm inityarn init # npm init3、将 VuePress 安装为本地依赖yarn add -D vuepress # npm instal...

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`参数。在开发过程中，...

github创建个人网页登录后404无法显示的问题

10-10

3554

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

2940

VUE CLI 打包build项目, 发布到github pages ,子路由刷新报错404 [ vue-router 里 mode: 'history' ]解决方法问题1: 首页正常, 在子路由页面刷新报错问题2: 访问首页 css js等资源文件404找不到问题3: https页面上访问 http请求报错新建的github pages 配置自定义域名访问(支持http) 问题1: ...

【vitepress部署githubpage配置域名后请求资源404导致样式错乱问题】

最新发布

flyfish866的博客

08-25

427

给自己的vitepress配置了一个域名，部署后出现了样式错乱，排查请求发现请求路径中多了仓库名导致地址错误404，配置域名后域名相当于原来的 github.io/仓库名的效果，所以需要在vitepress配置文件中中把原来的。即可，如果仓库名本来用的就是用户名.github.io的话就无需这样操作了。

vite+vue3项目部署到gitee pages报文件资源404 Not Found 问题踩坑记录

夏夜追凉丶的博客

05-24

1008

项目打包dist后，部署到gitee pages上时，报css与js文件资源404 Not Found 的错

Vite+Vue3预览打包项目传到GitHub首页空白文件加载报错404的解决办法。

J_Sky：编程爱好者,又菜又爱玩.

03-19

1253

最近写了一个小项目，打算把静态页面部署到GitHub上，使用pages来展示预览，项目其实很简答，使用的是Vite+Vue等一些相关依赖搭建的，使用Vite打包，项目调试完毕觉得没有问题后，就在终端下使用命令打包了。另外build这个属性可以用来设置打包的目录名称，目前GitHub可以吧静态页面存放在项目的docs路径下部署，比较方便，这样我们添加这二个属性到项目根目录下的vite.config.js中就可以了。终端运行打包命令，然后push项目，又可以愉快的打游戏了。

将vue cli 3.0项目部署到Github Page的注意点

qq_38366946的博客

04-24

474

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

3951

前言最近在用Vuepress的vuepress-theme-reco搭建我的个人博客个人博客，并部署到GitHub或者Gitee的GitPages的过程中，遇到到了各种各样的坑。为了解决这些坑，我通过加群交流，网上搜寻花费了不少精力来解决，为了避免大家和我踩同样的坑，我通过此篇博文，特地将遇到的问题和解决方案记录下来，与大家分享。总结一下，遇到的问题分为两类：1、路径问题 2、部署问题如果...

vuepress个人博客部署遇到的一些问题

weixin_45785873的博客

08-08

2795

vuepress是一个由vue驱动的静态网页生成器，利用vuepress可以打造专属的个人博客，也可以成为自己的笔记库。在这里说一下部署时遇到的一些问题

Vue 项目build打包发布到github pages ,刷新页面首页正常打开，子路由报错404的解决方法

wocwin的博客

06-20

522

Vue 项目build打包发布到github pages ,刷新页面首页正常打开，子路由报错404的解决方法

gitee项目404问题_vuepress建站过程中遇到的一些问题

weixin_28289089的博客

11-29

699

虽互不曾谋面,但希望能和您成为笔尖下的朋友以读书,技术,生活为主,偶尔撒点鸡汤不作,不敷衍,意在真诚吐露,用心分享点击左上方,可关注本刊标星公众号(ID：itclanCoder)如果不知道如何操作点击这里,标星不迷路页面显示-404在 vuepress说明了文件路径与页面路由之间的映射关系文件的相对路径页面路由地址/README.md//guide/README/guide//READM...