在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