Как я могу переписать URL в Sapper? (Стройный JS) - PullRequest
Новая
       22

Как я могу переписать URL в Sapper? (Стройный JS)

0 голосов
/ 30 января 2020

Я уже создал много сайтов с помощью 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?

1 Ответ

1 голос
/ 03 февраля 2020

К сожалению, на данный момент это не очень просто, без выполнения [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 вернется к традиционной навигации на стороне сервера, которая не не идеально.

...