인프런 커뮤니티 질문&답변

최철웅님의 프로필 이미지

작성한 질문수

React로 NodeBird SNS 만들기

8-17. lambda 배포와 마무리

질문입니다,

20.01.22 16:24 작성

·

280

0

여기까지 다 끝났는데 favicon이 안나오는데 왜그런걸까요

<link data-react-helmet="true" rel="shortcut icon" href="/favicon.ico">

헤더에는 이렇게 들어가있고

public 폴더에 favicon.ico를 넣어놨고

_app.js의 helmet 태그 meta에는 

link={[
        {
          rel"shortcut icon",
          href"/favicon.ico"
       },

이렇게 들어가있는데요

network탭을 보면 favicon 요청이없는데 왜그런걸까요 ㅜㅜ

front server.js에는

  server.use("/"express.static(path.join(__dirname"public")));

이렇게 들어가있고

backend server.js 에는

app.use("/"express.static("uploads"));

이렇게 되어있는데.. 안됩니다 ㅜㅜ

또 하나 여쭤보고싶은것이

public 폴더에 다른 이미지파일을 넣었을때

front에서 local path로 가져와야하는지

아니면 nodebird.com/이미지path 같이

도메인주소로 가져와야 하는지 모르겠습니다..

local path로 가져온다면 어떻게 가져와야하는건가요 ㅜㅜ? 하루종일 온갖방법을 해봤는데도 aws에 올린뒤로는 도통 되질않아요..

next.config.js에서

config.module.rules.push({
  test: /\.(jpg|jpeg|gif|png|svg|ico)?$/,
  use: [
    {
      loader"url-loader",
      options: {
        limit10000,
        fallback"file-loader",
        name"images/[name].[ext]"
      }
    }
  ]
});

이것도 해봤고

const withImages = require("next-images");

module.exports = withImages({
  distDir".next"// dis디렉토리
  webpack(config) {

이런것도 해봤는데 안되네요..ㅋㅋㅋㅋ..ㅜㅜ

답변 4

0

최철웅님의 프로필 이미지
최철웅
질문자

2020. 01. 22. 17:57

아 감사합니다 ㅜㅜ!! 해결했어요.
ec2 에 public 폴더가 없었어요.. gitignore 되있었네요 감사합니다 행복하세요

0

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

2020. 01. 22. 17:35

ec2 접속하셔서 직접 public 폴더 내부에서 ls로 favicon있는지 확인해보시겠어요?

0

최철웅님의 프로필 이미지
최철웅
질문자

2020. 01. 22. 17:24

네.. 콘솔에서 보이는 html head에는 들어있는거 같아요..

도메인/favicon.ico 로 접속하면 이렇게 나와요.

response header가 왜 이렇게 나오는지 모르겠어요..

0

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

2020. 01. 22. 16:37

도메인주소로 가져오셔야 합니다. 네트워크에 요청이 없다고 하셨는데 link favicon 태그는 html에 존재하나요?