nginx 에서 사이트 아이콘 표시 설정

전단 개발 환경:
  • react:^16.4.1
  • webpack:^4.16.0

  • 웹 팩 에 favicon. ico 설정 추가:
    const HtmlWebpackPlugin = require('html-webpack-plugin');
    new HtmlWebpackPlugin({
        template: 'index.html',
        favicon: path.resolve('favicon.ico')
    })
    

    nginx 는 ico 에 대한 지원 을 추가 합 니 다:
    location / {
        root xxx;
        index  index.html index.htm;
        rewrite ^/(.*)/(.*\.js$) /$1/$2 break;
        rewrite ^/(.*)/(.*\.map$) /$1/$2 break;
        rewrite ^/(.*)/(.*\.css$) /$1/$2 break;
        rewrite ^/(.*)/(.*\.(png|jpg|gif|ico)$) /$1/$2 break;
        rewrite ^/(.*)/(.*\.(ttf|woff|woff2|svg|otf|eot)$) /$1/$2 break;
        rewrite ^/(.*)/ /$1/index.html break;
        # try_files $uri $uri/ /index.html;
    }
    

    좋은 웹페이지 즐겨찾기