部署

构建应用

设置打包时的相对路径 vite.config.ts

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    }
  },
  server: {
    port: 5732, //Vue启动端口地址，设置后需要重新run
    open: true //编译后自动打开浏览器
  },
  base:'./'//设置打包的相对路径
})

　　

可以运行 npm run build 命令来执行应用的构建。

npm run build

默认情况下，构建会输出到 dist 文件夹中。你可以部署这个 dist 文件夹到任何你喜欢的平台。

本地测试应用¶

当你构建完成应用后，你可以通过运行 npm run preview 命令，在本地测试该应用。

npm run build
npm run preview

preview 命令会在本地启动一个静态 Web 服务器，将 dist 文件夹运行在 http://localhost:4173。这样在本地环境下查看该构建产物是否正常可用就方便多了。