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()],
})
相关推荐
小J听不清5 分钟前
CSS 三种引入方式全解析:行内 / 内部 / 外部样式表(附优先级规则)
前端·javascript·css·html·css3
一步一个脚印一个坑17 分钟前
用 APM 全链路追踪,29ms 内定位到 Docker 部署的 SSL 配置错误
javascript·后端·监控
aircrushin34 分钟前
端到端AI决策架构如何重塑实时协作体验?
前端·javascript·后端
AI前端老薛40 分钟前
前端开发神器 - Image Preview插件
前端
Predestination王瀞潞1 小时前
2.4 编码->W3C XML 1.0标准(W3C Recommendation):XML(Extensible Markup Language)
xml·前端
紫_龙1 小时前
最新版vue3+TypeScript开发入门到实战教程之DOM操作
javascript·vue.js·typescript
SuperEugene1 小时前
JS/TS 编码规范实战:Vue 场景变量 / 函数 / 类型标注避坑|编码语法规范篇
开发语言·javascript·vue.js
FlyWIHTSKY1 小时前
vue3中const的使用和定义
前端·javascript·vue.js
Chengbei111 小时前
Chrome浏览器渗透利器支持原生扫描!JS 端点 + 敏感目录 + 原型污染自动化检测|VulnRadar
javascript·chrome·安全·web安全·网络安全·自动化·系统安全
小璐资源网1 小时前
如何写出干净、易维护的 HTML 结构
前端·html