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()],
})
相关推荐
牛奶12 分钟前
分享一个开源项目,让 AI 辅助开发真正高效起来
前端·人工智能·全栈
次顶级1 小时前
表单多文件上传和其他参数处理
前端·javascript·html
kuntli1 小时前
Vue生命周期全解析
vue.js
why技术1 小时前
我拿到了腾讯QClaw的内测码,然后沉默了。
前端·后端
小一梦2 小时前
宝塔面板单域名部署多个 Vue 项目:从路径冲突到完美共存
服务器·javascript·vue.js
谪星·阿凯2 小时前
XSS漏洞解析博客
前端·web安全·xss
ole ' ola2 小时前
lambda表达式
java·前端·jvm
只能是遇见2 小时前
SpringBoot + vue 管理系统
vue.js·spring boot·后端
wefly20172 小时前
无需安装、开箱即用!m3u8live.cn 在线 HLS 播放器,调试直播流效率翻倍
前端·后端·python·前端开发工具·后端开发工具
UXbot2 小时前
为什么 AI 正在重新定义 UI 设计工具的入门门槛
前端·人工智能·低代码·ui·交互·ai编程·ux