在gitee.com做在线演示踩的坑

作者: 自然框架 | 来源:发表于2021-08-25 13:54 被阅读0次

    Gitee Pages 服务

    以前开启不需要实名认证,现在再开启需要实名认证,通过了才能用。以前开通的好像可以继续用。

    url路径问题

    我们开发一般使用根目录,但是 gitee.io 不给根目录用,而是只能用一级目录,比如这样:

    https://naturefw.gitee.io/nf-plat-vite2-vue3

    因为二级域名是类似用户名的东东,后面的路径是仓库名称,一个用户名下面可以有多个仓库,所以就不给根目录用了。

    那么怎么办呢?我们可以修改一下配置文件 vite.config.js

    export default defineConfig({
      plugins: [vue(), vitePluginVueTest()],
      resolve: {
        base: 'nf-plat-vite2-vue3', // 便于发布到gitee
      }
    }
    
    • base: 属性值要和 gitee 分配出来的目录名一致。

    浏览器缓存问题

    更新文件之后发现,浏览器用的还是缓存文件,这个很烦人。
    如果用 hash 路由模式的话,按 ctrl + f5,多按几下就可以更新缓存。
    但是用 History 路由模式的话,按F5就404了。

    我是喜欢使用 History 模式的,但是折腾几次之后我屈服了,实在折腾不起。
    所以开发的时候使用 History ,发布到 gitee 的时候改成 hash 模式。

    上传文件后的更新

    文件传到 gitee 之后,还需要点一下 “更新”,才能看到最新结果。否则服务器那端也是不会更新的。

    折腾一上午了,打包了好几次。
    程序内部还有一些路径方面需要处理。

    vite的一些事情

    开发环境并不会编译所有代码,所以开发环境可能好好的代码,打包的时候就会报错,因为打包的时候会处理所有相关的代码。

    但是打包的时候也只是处理代码,类似于编译,但是并不是执行。

    所以有些问题,运行的时候才会报出来。
    没有使用TS,不知道TS有没有类似的问题。

    最后按照惯例说一句:本地好好的,怎么到了服务器上就出问题了???

    相关文章

      网友评论

        本文标题:在gitee.com做在线演示踩的坑

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