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()],
})
相关推荐
Swift社区2 分钟前
跨端路由设计:如何统一 RN 与 Web 的页面模型
前端·react.js·web3
fantasy_arch6 分钟前
SVT-AV1帧类型决策-场景切换检测
前端·网络·av1
LYFlied6 分钟前
前端工程化核心面试题与详解
前端·面试·工程化
小程故事多_8022 分钟前
用Agent与大模型实现Web项目全自动化生成:从需求到部署的完整落地方案
运维·前端·人工智能·自动化·aigc
千里马-horse25 分钟前
AsyncContext
开发语言·前端·javascript·c++·napi·asynccontext
勇往直前plus27 分钟前
Jackson 反序列化首字母大写字段映射失败的底层原因与解决方案
java·开发语言·前端
转转技术团队27 分钟前
基于微前端 qiankun 多实例保活的工程实践
前端·javascript·前端工程化
松涛和鸣27 分钟前
37、UDP网络编程入门
linux·服务器·前端·网络·udp·php
业精于勤的牙30 分钟前
最长特殊序列(一)
java·javascript·数据结构
毕设十刻43 分钟前
基于Vue的新生入学报道管理系统(程序 + 源码 + 数据库 + 调试部署 + 开发环境配置),配套论文文档字数达万字以上,文末可获取,系统界面展示置于文末
前端·数据库·vue.js