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()],
})
相关推荐
纯爱掌门人20 小时前
别再死磕框架了!你的技术路线图该更新了
前端·架构·前端框架
没头脑的男大20 小时前
Unet实现脑肿瘤分割检测
开发语言·javascript·ecmascript
丁点阳光20 小时前
Ract Router v7:最全基础与高级用法指南(可直接上手)
前端·react.js
~无忧花开~20 小时前
Vue.config.js配置全攻略
开发语言·前端·javascript·vue.js
w***Q35021 小时前
前端跨平台开发工具,Tauri与Electron
前端·javascript·electron
前端一课21 小时前
H5 WebView 文件下载到手机中(仅安卓与 iOS)
前端
幸会同学21 小时前
在Cesium中实现飘动的红旗
javascript·three.js·cesium
默默乄行走21 小时前
wangEditor5在vue中自定义菜单栏--格式刷,上传图片,视频功能
vue.js
G***669121 小时前
前端框架选型:React vs Vue深度对比
vue.js·react.js·前端框架
天外来物1 天前
element-plus主题配置及动态切换主题
前端·css·element