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()],
})
相关推荐
LucianaiB几秒前
拿到Offer,租房怎么办?看我用高德MCP+腾讯云MCP,帮你分分钟搞定!
前端·后端·cursor
用户17592342150287 分钟前
D3.js - 基本用法
前端·d3.js
Mr.Liu623 分钟前
小程序30-wxml语法-声明和绑定数据
前端·微信小程序·小程序
76756047924 分钟前
useDateFormat源码解析
前端·源码
Mintopia24 分钟前
Three.js粒子系统开发实战:从基础到性能优化
前端·javascript·three.js
Promise52025 分钟前
大屏"跑马灯" 长列表性能优化
前端·javascript
子玖25 分钟前
初始化项目前的准备
前端·javascript·vue.js
Mintopia25 分钟前
Three.js进阶实战:打造动态光影交互场景 ——结合环境光、聚光灯与相机控制的沉浸式体验
前端·javascript·three.js
贵州数擎科技有限公司26 分钟前
Threejs绘制小兩伞快拿去送给你的女神
前端
Carlos_sam27 分钟前
OpenLayers:封装Overlay的方法
前端·javascript