一招解决Git Page上因为路径问题访问不到打包后的文件
2020-09-23 本文已影响0人
percykuang
- 用Vue或者React脚手架做好了项目,打包了准备放到github\gitee pages上
- 在GitHub或者Gitee上新建了一个站点仓库,并将dist/build(打包好的目录)下的所有文件放到这个站点仓库下
- 开启github\gitee pages功能后,进行预览
- 发现访问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
才对啊! - 原因:Vue或者React脚手架build时默认时以绝对路径的方式打包到build目录下的
- 解决方法:改为相对路径
- 具体代码如下
package.json
"version": "0.1.0",
"private": true,
// 添加下面这一行
"homepage": "./",