一招解决Git Page上因为路径问题访问不到打包后的文件

  1. 用Vue或者React脚手架做好了项目，打包了准备放到github\gitee pages上
  2. 在GitHub或者Gitee上新建了一个站点仓库，并将dist/build(打包好的目录)下的所有文件放到这个站点仓库下
  3. 开启github\gitee pages功能后，进行预览
  4. 发现访问static目录时404 -> https://username.gitee.io/static/js/2.7d30b900.chunk.js，但是预览时的浏览器url是https://username.gitee.io/yourProject，所以，就出问题了啊！static的路径按理说应该是https://kuanglinfeng.gitee.io/yourProject/static/js/2.7d30b900.chunk.js才对啊！
  5. 原因：Vue或者React脚手架build时默认时以绝对路径的方式打包到build目录下的
  6. 解决方法：改为相对路径
  7. 具体代码如下

package.json

"version": "0.1.0",
"private": true,
// 添加下面这一行
"homepage": "./",
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容