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()],
})
相关推荐
TU不秃头8 小时前
JS逆向实战五:某海关公示平台分析(瑞数加密)
javascript·爬虫
anOnion10 小时前
构建无障碍组件之Carousel Pattern
前端·html·交互设计
ssshooter10 小时前
Tauri 2 iOS 开发避坑指南:文件保存、Dialog 和 Documents 目录的那些坑
前端·后端·ios
Можно11 小时前
深入理解 ES6 Proxy:与 Object.defineProperty 的全面对比
前端·javascript·vue.js
Birdy_x11 小时前
接口自动化项目实战(1):requests请求封装
开发语言·前端·python
天天向上102413 小时前
vue el-table实现拖拽排序
前端·javascript·vue.js
西西学代码13 小时前
Flutter---回调函数
开发语言·javascript·flutter
卷帘依旧13 小时前
JavaScript 闭包经典问题:为什么输出 10 次 i=10
javascript
柳杉14 小时前
Three.js × Blender:从建模到 Web 3D 的完整工作流深度解析
前端·javascript·数据可视化
reembarkation15 小时前
vue3中使用howler播放音频列表
前端·vue.js·音视频