Vue

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

2020-09-23  本文已影响0人  percykuang
  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": "./",
上一篇下一篇

猜你喜欢

热点阅读