昨天開發的時候意識到一個很嚴重的問題，我們切了那麼多分頁，網址都用 http://127.0.0.1
可是瑞凡，如果我們本地開發跟 build 打包後必然得用不一樣的網址吧?
那要怎麼辦呢
我們只要建出一個

.env.development

裡面寫好

VITE_BASE_URL=http://localhost:5173

然後我們去修改
vite.config.ts

import tailwindcss from '@tailwindcss/vite';
import { sveltekit } from '@sveltejs/kit/vite';
import { defineConfig, loadEnv } from 'vite';
export default defineConfig(({ mode }) => {
	const env = loadEnv(mode, process.cwd(), '');

	return {
		plugins: [tailwindcss(), sveltekit()],
		server: {
			host: '0.0.0.0',
			port: 5173
		},
		define: {
			__BASE_URL__: JSON.stringify(env.VITE_BASE_URL)
		}
	};
});

然後我們接著再 svelte使用

<script lang="ts">
	import favicon from '$lib/assets/favicon.svg';
	import '../app.css';
	const baseUrl = __BASE_URL__; // 這行
	let { children } = $props();
</script>

接著我們就可以取變得變數囉

<li><a class="btn btn-ghost text-xl" href={baseUrl}>首頁</a></li>

其他方面我想大同小異吧ww，前端真的變得好簡單，以前不會切版就很害怕

今天的情緒抒發:
怎麼好像沒動力寫下去了，我的老毛病又犯惹，當我確定一件事情有 8 成把握就會開始怠惰