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()],
})
相关推荐
程序员黑豆4 小时前
鸿蒙应用开发 @BuilderParam 使用教程:实现灵活的 UI 插槽
前端·harmonyos
万少4 小时前
用 TraeWork 给小孩做一个家庭工作台
前端·人工智能·后端
孙启超4 小时前
【AI应用开发】ReAct 原理是什么?和普通直接提问 LLM 差别在哪?
前端·人工智能·llm·agent·react·rag·ai应用开发
其美杰布-富贵-李5 小时前
第 10 篇:灯光与阴影
javascript·three.js
SynthWriter5 小时前
下班前接到急活?我用 TRAE Work 20 分钟搞定了一套完整页面原型
前端
minimoon_jojo5 小时前
Antd Table虚拟滚动详解
前端
颜进强5 小时前
Calude Code - 23 用 MCP 把 Jenkins 变成 AI 队友:一次对话完成自动化发布
前端·后端
wangjialelele5 小时前
Selenium4 + Java Web自动化测试入门指南:从环境搭建到常用操作详解
java·开发语言·前端·测试工具·自动化
J船长5 小时前
Spec Kit 入门:AI Agent 时代的规格驱动开发实践
前端
程序员黑豆6 小时前
鸿蒙应用开发 @Builder 使用教程:从入门到精通
前端·harmonyos