Vite 设置 build 之后项目的相对路径,而不是绝对路径 base

Vite 设置 build 之后项目的相对路径,而不是绝对路径 base

比如你的项目只是你网站中的一个分支,而不是主目录

比如你的这个 vite 项目叫 demo

而你放到服务器上的路径是这样的 /test/demo 而不是 /

此时你就需要设置一下,让打包后的程序在相对路径中运行。

vite.config.ts

ts 复制代码
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

// https://vitejs.dev/config/
export default defineConfig({
  base: './',   // 添加这一行即可
  plugins: [vue()],
})
相关推荐
桜吹雪19 分钟前
markstream-vue实战踩坑笔记
前端
南村群童欺我老无力.32 分钟前
Flutter应用鸿蒙迁移实战:性能优化与渐进式迁移指南
javascript·flutter·ci/cd·华为·性能优化·typescript·harmonyos
C_心欲无痕38 分钟前
nginx - 实现域名跳转的几种方式
运维·前端·nginx
花哥码天下41 分钟前
恢复网站console.log的脚本
前端·javascript·vue.js
LawrenceLan42 分钟前
Flutter 零基础入门(十二):枚举(enum)与状态管理的第一步
开发语言·前端·flutter·dart
Zoey的笔记本1 小时前
「支持ISO27001的GTD协作平台」数据生命周期管理方案与加密通信协议
java·前端·数据库
北辰alk1 小时前
Vue 的 nextTick:破解异步更新的玄机
vue.js
北辰alk1 小时前
Vue 技巧揭秘:一个事件触发多个方法,你竟然还不知道?
vue.js
北辰alk1 小时前
Vue 中 computed 和 watch 的深度解析:别再用错了!
vue.js
奔跑的呱呱牛1 小时前
geojson-to-wkt 坐标格式转换
javascript·arcgis