GitHub Pages стандартный способ хранения и рендеринга изображений - PullRequest
Новая
       6

GitHub Pages стандартный способ хранения и рендеринга изображений

0 голосов
/ 11 января 2019

Как сохранить изображение в папке с активами и отобразить его на NavBar?
Он работает хорошо, когда выполняется локально, но есть трудности при выполнении этого через Интернет через GitHub Pages. 

import * as React from 'react';
import { AppBar, Toolbar, Typography } from '@material-ui/core/';

class NavBar extends React.Component {
  public render() {
    return (
      <div className='navbar'>
        <AppBar position='static' color="inherit" >
          <Toolbar style={{ paddingLeft: '1em', paddingRight: '1em' }}>
            <img className="navbar-logo-favicon" src="../some_logo.png" height="35" width="35" />
            <Typography variant='title' color='default'>
              Project C
            </Typography>
          </Toolbar>
        </AppBar>
      </div>
    )
  }
}

export default NavBar

Каким будет стандартный способ решения этой проблемы? Я много искал в Google и переполнения стека. Большинство решений были ошибочными путями или ошибками, чувствительными к регистру, что, похоже, не так.

1 Ответ

0 голосов
/ 11 января 2019

были плохие пути

У тебя плохой путь. Убедитесь, что при локальной разработке ../some_logo.png соответствует тому, что развернуто в общедоступной

Пример

Если локально вы обслуживаете папку public, и она работает (/img/some_logo действителен):

  • проект
    • срк
    • общественность
      • 1021 * IMG *
      • some_logo

На страницах github public должно быть доступно в something.github.io/ (так что /img/some_logo все еще действует)

...