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()],
})
相关推荐
Holin_浩霖几秒前
mini-react 实现function 组件
前端
Yanni4Night几秒前
JS 引擎赛道中的 Rust 角色
前端·javascript
欧阳的棉花糖2 分钟前
纯Monorepo vs 混合式Monorepo
前端·架构
北辰alk2 分钟前
Vue3 异步组件深度解析:提升大型应用性能与用户体验的完整指南
前端·vue.js
明远湖之鱼1 小时前
浅入理解流式SSR的性能收益与工作原理
前端·ios
IT_陈寒1 小时前
Python性能提升50%:这5个隐藏技巧让你的代码快如闪电⚡
前端·人工智能·后端
懒人村杂货铺2 小时前
微前端QianKun的使用以及坑点问题
前端
qq_366577512 小时前
Vue3创建项目,只能localhost访问问题处理
前端·javascript·vue.js
5***o5002 小时前
JavaScript云原生
开发语言·javascript·云原生
N***73852 小时前
JavaScript物联网案例
开发语言·javascript·物联网