Vue.js 极速托管

发布您的
Vue 作品

无论是 Vue 2, Vue 3 还是 Nuxt.js。 我们完美支持 History Mode 路由,告别刷新 404。 无需 Nginx 配置,无需服务器维护。

新手教程
vite.config.js
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

export default defineConfig({
plugins: [vue()],
// 自动识别 base 路径
base: './',
build: {
outDir: 'dist'
}
})
Vite / Webpack Ready

点击选择文件或 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 项目部署流程

01

打包 (Build)

无论是 Vite 还是 CLI,第一步永远是生成静态文件。

npm run build
02

定位 (Locate)

构建完成后,项目根目录会出现一个 dist 文件夹。这就是我们要的东西。

* Nuxt.js 用户请使用 `.output/public` 或 `dist` 目录。

03

拖拽 (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: 上传后可以回滚版本吗?

是的。在控制台的“部署记录”中,您可以看到每一次上传的版本,点击即可一键回滚到之前的版本。