Azure静态网站应用部署:Svelte项目的应用位置指向疑问
部署Svelte应用到Azure静态网站的正确目录设置
核心概念澄清
Azure静态网站要求的「应用位置」,指的是项目构建完成后,生成的可直接部署的静态资源文件夹路径,不是你的源码目录(比如/src)——这就是你填/src报错的根本原因。
正确的目录路径
对于SvelteKit项目,默认使用@sveltejs/adapter-static适配器构建后,会在项目根目录生成build文件夹,你需要填写的路径是:
- 直接填
build或/build(Azure接受相对项目根目录的路径,开头的斜杠可加可不加)
如果你的项目自定义了构建输出目录,或者使用了其他适配器,要对应调整路径,但注意不要填.svelte-kit/output下的中间目录,这些是构建过程的临时文件,不是最终可部署的静态资源。
确认路径正确的方法
- 本地先执行构建:在项目根目录运行
npm run build(或pnpm build/yarn build),执行完成后查看项目根目录下生成的文件夹,通常是build或dist,这就是目标路径。 - 检查文件夹内容:打开生成的文件夹,里面应该包含
index.html、css/js资源、图片等静态网站必需的文件。 - 本地预览验证:用
npx serve build(把build换成你的实际目录)启动本地服务,能正常打开你的Svelte应用,就说明这个目录是正确的。 - Azure配置验证:在Azure静态网站的部署表单里填好路径后,保存时如果没有报错,说明路径能被Azure正常检测到;若仍报错,检查路径拼写或构建命令是否正确生成了对应文件夹。
内容的提问来源于stack exchange,提问作者user2696330
相关产品推荐
相关产品推荐

