fix: 解决sveltekit 子目录未配置问题

.env.development

@@ -1,2 +1,2 @@
-VITE_BASE=/
+VITE_BASE=''
 VITE_BASE_URL=http://localhost:3000/api/v1

.env.production

@@ -1,2 +1,2 @@
-VITE_BASE=/hospital/
+VITE_BASE=/hospital
 VITE_BASE_URL=http://localhost:3000/api/v1

package.json

@@ -29,6 +29,7 @@
 		"@types/eslint": "8.56.10",
 		"autoprefixer": "^10.4.20",
 		"clsx": "^2.1.1",
+		"dotenv": "^16.4.5",
 		"eslint": "^8.56.0",
 		"eslint-config-prettier": "^9.1.0",
 		"eslint-plugin-svelte": "^2.43.0",

svelte.config.js

@@ -1,12 +1,20 @@
 import adapter from '@sveltejs/adapter-node';
 
+import dotenv from 'dotenv';
+
+// 加载环境变量
+dotenv.config();
+
 /** @type {import('@sveltejs/kit').Config} */
 const config = {
 	kit: {
 		// adapter-auto only supports some environments, see https://kit.svelte.dev/docs/adapter-auto for a list.
 		// If your environment is not supported or you settled on a specific environment, switch out the adapter.
 		// See https://kit.svelte.dev/docs/adapters for more information about adapters.
-		adapter: adapter()
+		adapter: adapter(),
+		paths: {
+			base: process.env.VITE_BASE || '/hospital',
+		}
 	}
 };
 

vite.config.js

@@ -3,10 +3,9 @@ import { defineConfig, loadEnv } from 'vite';
 
 export default defineConfig(({ mode }) => {
 	const env = loadEnv(mode, process.cwd());
-	const { VITE_BASE, VITE_JSCODE } = env;
+	const { VITE_JSCODE } = env;
 
 	return {
-		base: VITE_BASE || '/',
 		plugins: [sveltekit()],
 		server: {
 			proxy: {