如何在工兵中重写网址?(斯维尔特JS)

Question

我已经用Sapper构建了很多网站，我喜欢它，但现在我用它来构建一个多语言网站，这有点困难。

我想我知道如何处理字符串的翻译，但我也希望能够翻译 URL。例如，/en/about 在意大利语中应该是/it/chi-siamo，两者都应该使用/[lang]/about.svelte

我正在尝试覆盖服务器上的 URL.js但我无法使其正常工作。

这是我的服务器.js

import sirv from 'sirv';
import polka from 'polka';
import compression from 'compression';
import * as sapper from '@sapper/server';
import admin from './firebase/admin.js'
const { PORT, NODE_ENV } = process.env;
const dev = NODE_ENV === 'development';
const cv = customVars;
const server = polka(); // You can also use Express
if(dev) server.use(sirv('static', { dev: dev, etag: true, maxAge: 1000000, immutable: true  }));
server
.use(
compression({ level: 9, threshold: 1000 }),
sapper.middleware()
)
// only listen when started in dev
server.listen(PORT, err => {
if (err) console.log('error', err);
});
export { sapper, cv, admin};

我的问题：如何重写 URL，以便当用户访问/it/chi-siamo 时，它会响应/[lang]/about.svelte？

Answer 1

不幸的是，如果不做[lang]/[page]，这目前不是很简单。不过，这是我们未来想要解决的问题。

您可以这样做来改变服务器上的请求，尽管它有点混乱：

const paths = {
it: {
'chi-siamo': 'about',
// others...
},
fr: {
// ...
},
// ...
};
server
.use(
compression({ threshold: 0 }),
(req, res, next) => {
const [, lang, ...parts] = req.url.split('/');
const path = (paths[lang] || {})[parts.join('/')];
if (path) {
// mutate the request object
req.url = req.path = req.originalUrl = `/${lang}/${path}`;
}
// let Sapper handle the mutated request
next();
},
sapper.middleware()
)
.listen(PORT, err => {
if (err) console.log('error', err);
});

但这不会影响客户端导航，因此如果用户单击指向/it/chi-siamo的链接，则找不到该页面，并且 Sapper 将回退到传统的服务器端导航，这并不理想。