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

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

作者: percykuang | 来源:发表于2020-09-23 21:09 被阅读0次
    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": "./",
    

    相关文章

      网友评论

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

        本文链接:https://www.haomeiwen.com/subject/isxayktx.html