You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.01 03:01:00