Компонент Button-UI не работает должным образом после развертывания на страницах Github - PullRequest
Новая
       10

Компонент Button-UI не работает должным образом после развертывания на страницах Github

0 голосов
/ 06 сентября 2018 
<Button href={node.slug}>
  <span>Read more</span>
</Button>

Так что в основном это кнопка в компоненте Card, я не думаю, что больше кода представило бы больше смысла, пожалуйста, попросите больше, если это необходимо. Переменная node.slug - это что-то вроде «product-name». В локальной среде работает нормально, но не после размещения на страницах Github.

Это кнопка на странице категории продукта (т. Е. / Инструменты или / обслуживание), нажав кнопку в первый раз, приводит меня к:

* / Название-продукта ** * xxx.github.io / имя-проекта 1005 1006 /

Проблема в том, что после того, как я вернулся и затем снова нажал кнопку, / product-category / будет добавлен в URL:

* / / Название-продукта ** * xxx.github.io / имя-проекта 1011 1012 категории товара /

Это не та ссылка, по которой я хочу быть, поскольку здесь нет страницы. Первый URL-адрес - это то, где я хочу быть, поскольку это тип URL-адреса, в котором находятся продукты. / product-category / не исчезнет, ​​если я не нажму кнопку домашней страницы.

1 Ответ

0 голосов
/ 07 сентября 2018

Если я правильно сделаю вывод, node.slug - это что-то вроде "product-name".

Это означает, что это не абсолютный путь, и поэтому вы можете интерпретировать его как ./product-name.

Попробуйте с: 

<Button href={`/project-name/${node.slug}`}> ... </Button>

Другим подходом было бы изменить базовый раздел ваших страниц. Добавьте в вас <base> элемент <head>: 

<head>
  ...
  <base href="http://xxx.github.io/project-name/">
</head>

Тогда все ваши неабсолютные href начнут с этой базы.

Не забудьте добавить / в конце base 's href!

...