修改Vite 的 base 配置非常简单,只需在 vite.config.js 或vite.config.ts 文件中调整 base 的值即可。这个值应该与你的应用部署在服务器上的实际路径相匹配。如果你的应用将部署在根路径,那么 base 可以设置为 '/'(这是默认值)。如果应用部署在子路径,比如 /myapp/,则需要将 base 设置为相应的值。 5. 指...
配置开发服务器的根路径。 例如,设置base: '/myapp/',则开发服务器将从http://localhost:3000/myapp/提供服务。 生产环境: 配置打包后资源的公共路径。 生成的 HTML 文件中,所有资源的引用路径都会基于这个base。 设置方法 在vite.config.js中设置: exportdefault{base:'/myapp/'} 常见用法 根路径: 默认情况下...
1vite配置文件的base属性 ~ ~ ~ 1
base: './' 配置: exportdefaultdefineConfig({base:'./',plugins:[vue()],build:{outDir:'dist',rollupOptions:{input:{main:resolve(__dirname,'index.html')}}}); 构建后的 HTML 可能包含: <scripttype="module"src="./assets/main.js"></script><linkrel="stylesheet"href="./assets/main.css"...
动态配置Vite的base选项 有的时候项目需要部署在服务器的子目录下,这时就要根据开发环境或生产环境动态配置vite.config.ts中的base选项。 查看vscode的TS类型提示: 可以发现:defineConfig接收一个UserConfig对象,或者一个返回UserConfig对象的函数,这个函数接收一个ConfigEnv对象作为参数,ConfigEnv的类型声明如下:...
// vite.config.jsimport{ defineConfig }from'vite';exportdefaultdefineConfig({base: process.env.NODE_ENV==='production'?'/your-production-base/':'/',// 其他配置...}); 然后,确保在启动开发服务器和生产构建时设置正确的环境变量。 检查请求的 URL 是否被错误地硬编码: ...
在vite.config.ts中的配置里添加 base:'/web2d/',就当前electron-vite-vue这个项目模板build后,打开可执行文件就可以复现。如图: 通过pnpm run dev是可以正常跑起来的,pnpm run build后的setup.exe安装打开就报如图的错。 @RSS1102 Member caoxiemeihao commented Apr 18, 2024 Electron 打包后只识别文件路径,...
vite.config.js 配置如下 import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' // https://vitejs.dev/config/ export default defineConfig({ base: '/project/', plugins: [vue()] }) 当npm run build 打包之后上传至服务器访问的时候, 明明访问的是 http://domain.com/...
"dev": "vite", "build": "vue-tsc -b && vite build", "build_for_github_pages": "vue-tsc -b && vite build --base /lec-org/", "preview": "vite preview", "lint": "npx eslint", "test": "vitest run", 3 changes: 1 addition & 2 deletions 3 vite.config.ts Original file...