发布您的
Vue 作品
无论是 Vue 2, Vue 3 还是 Nuxt.js。 我们完美支持 History Mode 路由,告别刷新 404。 无需 Nginx 配置,无需服务器维护。
base: './',
点击选择文件或 Zip 包
支持 .html, .zip, .pdf, .png, .jpg
什么是 Vue Router History Mode?
拒绝丑陋的 Hash (#) 路由
默认情况下,Vue Router 使用由哈希字符 (#) 开头的 URL (例如 example.com/#/about)。 这是因为 # 后面的内容不会被发送到服务器,纯粹由浏览器处理。但这导致 URL 很难看,且对 SEO 不友好。
现代开发者都喜欢使用 History Mode,它能提供类似 example.com/about 的干净 URL。
🔌 我们是如何支持 History Mode 的?
启用 History Mode 最大的问题在于,一旦用户刷新或直接访问深层链接,Nginx/Apache 往往会返回 404,因为它在硬盘上找不到对应的目录。
上码 内置了智能回退机制 (Fallback)。
- 当请求的文件不存在时(例如请求 /user/123),我们不会报错。
- 我们会自动返回根目录的
index.html。 - Vue 实例加载后,Router 会解析 URL 并挂载正确的组件。
Vue 项目部署流程
打包 (Build)
无论是 Vite 还是 CLI,第一步永远是生成静态文件。
npm run build定位 (Locate)
构建完成后,项目根目录会出现一个 dist 文件夹。这就是我们要的东西。
* Nuxt.js 用户请使用 `.output/public` 或 `dist` 目录。
拖拽 (Drag)
将整个 dist 文件夹拖入网页上方的框中。等待几秒钟,您将获得一个全球可访问的 HTTPS 链接。
为什么选择我们而不是 Gitee Pages?
Gitee Pages 已停止服务。GitHub Pages 国内访问困难。我们需要一个真正属于国内开发者的极速部署平台。
| 服务商 | 路由支持 | 国内速度 | SSL 证书 |
|---|---|---|---|
| 上码 | History Mode (自动) | 极快 (CN2) | 全自动 / 免费 |
| 其他静态托管 | 通常需要手动配置重写规则 | 慢 / 不稳定 | 通常配置复杂 |
Vue 部署常见问题
Q: 我的页面资源 404,CSS/JS 加载失败?
这通常是因为您的资源路径是绝对路径(如 /assets/xx),而您的站点可能运行在子目录下。请在 vite.config.js 中设置 base: './' 以使用相对路径。
Q: 支持 Nuxt.js 吗?
支持 Nuxt 的静态生成模式 (SSG)。请运行 `npx nuxt generate`,然后上传 `.output/public` 目录。我们暂不支持 Nuxt 的 SSR (Node 服务器) 模式。
Q: 我用了 Pinia 或 Vuex,状态会丢失吗?
页面刷新时,JS 状态重置是 SPA 的特性,与托管平台无关。如果您需要持久化状态,建议使用 localStorage 或 pinia-plugin-persistedstate。
Q: 上传后可以回滚版本吗?
是的。在控制台的“部署记录”中,您可以看到每一次上传的版本,点击即可一键回滚到之前的版本。