SvelteKit静态站点生成(SSG)链接格式错误求助
解决Svelte Kit静态站点链接失效问题
修改
svelte.config.js配置,调整静态文件生成规则和链接格式:import adapter from '@sveltejs/adapter-static'; /** @type {import('@sveltejs/kit').Config} */ const config = { kit: { adapter: adapter({ trailingSlash: 'never' // 生成xxx.html文件,而非xxx文件夹下的index.html }), url: { pathnameStrategy: 'relative' // 生成相对路径链接,去掉开头的斜杠 }, prerender: { default: true // 确保所有路由都被预渲染为静态文件 } } }; export default config;配置完成后重新执行
npm run build,生成的静态文件中,链接会自动变为contact.html的格式,不再是/contact。
如果还有异常,检查组件内的链接写法:避免硬编码绝对路径(比如<a href="/contact">),推荐用相对路径或者Svelte自带的link函数:
<script> import { link } from '$app/navigation'; </script> <a use:link href="/contact">Contact</a>
内容的提问来源于stack exchange,提问作者amarton
相关产品推荐
相关产品推荐

