如何用Sapper重写URL？(SvelteJS)

Question

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

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

我试图覆盖server.js上的URL，但我无法使它正常工作。

，这是我的server.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/约. so？

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将回到传统的服务器端导航，这并不理想。