我已经创建了一个Sveltekit应用程序,我想托管在非根路径,如http://localhost:3000/dashboard
我的svelte.config.js
import adapter from '@sveltejs/adapter-node';
import preprocess from "svelte-preprocess";
/** @type {import('@sveltejs/kit').Config} */
const config = {
kit: {
adapter: adapter(),
paths: {
base: '/dashboard',
},
csrf: { checkOrigin: false }
},
preprocess: [
preprocess({
scss: {
prependData: '@use "src/variables.scss" as *;',
},
}),
],
output: {
globalObject: 'this',
},
};
export default config;
我正在使用像<img src="/images/logo_new.svg">
这样的图像
我能够使用命令构建
npm run build
要运行,我使用命令
node build
现在我可以在http://localhost:3000/dashboard
上看到我的应用程序,但图像无法加载。在控制台中,我看到所有图像路径都是404。
我的应用程序正在尝试打开http://localhost:3000/images/logo_new.svg
而不是http://localhost:3000/dashboard/images/logo_new.svg
在非根路径上部署sveltekit应用程序的正确方法是什么?
1条答案
按热度按时间fykwrbwg1#
如果你定义了一个基本路径,你也必须在指定像图片
src
或链接href
这样的东西时使用它:另一种方法是导入图像,这也具有添加散列的优点,这将确保图像不会缓存太长时间。
对于生成的资产,应自动添加基础。