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()],
})
相关推荐
写代码的皮筏艇9 分钟前
React中的'插槽'
前端·javascript
xhxxx9 分钟前
一个空函数,如何成就 JS 继承的“完美方案”?
javascript·面试·ecmascript 6
韩曙亮9 分钟前
【Web APIs】元素可视区 client 系列属性 ② ( 立即执行函数 )
前端·javascript·dom·client·web apis·立即执行函数·元素可视区
像素水藻码9 分钟前
Vue3 源码学习笔记(一):环境搭建与初识Monorepo
vue.js
羊羊小栈10 分钟前
基于「YOLO姿态识别 + AI大模型分析」的智能健身辅助系统(vue+flask+AI算法)
vue.js·人工智能·yolo·毕业设计·创业创新·大作业
秋邱11 分钟前
AR 技术创新与商业化新方向:AI+AR 融合,抢占 2025 高潜力赛道
前端·人工智能·后端·python·html·restful
一只一只妖12 分钟前
Taro+Vue3+TS+Vite 小程序开发底座搭建流程
vue.js·小程序·taro
随笔记13 分钟前
uniapp开发app使用海康威视播放监控视频流如何使用以及遇到了什么问题
vue.js·uni-app·视频编码
www_stdio13 分钟前
JavaScript 原型继承与函数调用机制详解
前端·javascript·面试
羽沢3115 分钟前
vue3 + element-plus 表单校验
前端·javascript·vue.js