Hot reload site (webpack-dev-server) behind nginx reserve proxy dockerHelp needed setting up nginx to serve static filesTrouble with nginx and serving from multiple directories under the same domainnginx redirect issue with upstream configurationnginx rewrite throw 404 with last and breakNginX + WordPress + SSL + non-www + W3TC vhost config file questionsnginx reverse proxy hide login query also on 301 redirect or full qualified urlNginx aliases and proxy_passShow static files on nginx on port 80 and reverse proxy on a different portNginx reverse proxy to many local servers + webserver dutyHow I can create dynamic root path in NGINX config?

Find the equation and height of an elliptical whispering room

Is there any good reason to write "it is easy to see"?

With today's technology, could iron be smelted at La Rinconada?

Why were the bells ignored in S8E5?

Why is the Advance Variation considered strong vs the Caro-Kann but not vs the Scandinavian?

I recently started my machine learning PhD and I have absolutely no idea what I'm doing

Is random forest for regression a 'true' regression?

It is as easy as A B C, Figure out U V C from the given relationship

Why did the metro bus stop at each railway crossing, despite no warning indicating a train was coming?

How to redirect stdout to a file, and stdout+stderr to another one?

tikz drawing rectangle discretized with triangle lattices and its centroids

What information exactly does an instruction cache store?

Why did the UK remove the 'European Union' from its passport?

Given 0s on Assignments with suspected and dismissed cheating?

How do I know which cipher suites can be disabled?

labelled end points on logic diagram

Can I say: "When was your train leaving?" if the train leaves in the future?

Are complex numbers two dimensional or one dimensional?

Does addError() work outside of triggers?

Will consteval functions allow template parameters dependent on function arguments?

Is there an academic word that means "to split hairs over"?

Were any toxic metals used in the International Space Station?

Assembly writer vs compiler

God-Pharaoh's Statue and Finale Of Promise



Hot reload site (webpack-dev-server) behind nginx reserve proxy docker


Help needed setting up nginx to serve static filesTrouble with nginx and serving from multiple directories under the same domainnginx redirect issue with upstream configurationnginx rewrite throw 404 with last and breakNginX + WordPress + SSL + non-www + W3TC vhost config file questionsnginx reverse proxy hide login query also on 301 redirect or full qualified urlNginx aliases and proxy_passShow static files on nginx on port 80 and reverse proxy on a different portNginx reverse proxy to many local servers + webserver dutyHow I can create dynamic root path in NGINX config?






.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;








0















I try to setup a nginx container as proxy for my development site running on webpack-dev-server. Unfortunately, I got the problem with loading the static files (404 not found).



When the request reach the index.html file of proxy server, it try the find the static files at http://localhost:8081/static/js/bundle.js which is not the actual location.



Here is my index.html:



<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="utf-8" />
<link rel="shortcut icon" href="/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="theme-color" content="#000000" />
<link rel="manifest" href="/manifest.json" />
<title>PowerPlan</title>
</head>

<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div>
<script src="/static/js/bundle.js"></script><script src="/static/js/0.chunk.js"></script><script src="/static/js/main.chunk.js"></script></body>

</html>


Here is my nginx config:



server 
listen 80;
server_name localhost;
error_log /var/log/nginx/nginx_error.log warn;

location /power-plan/
resolver 127.0.0.11 ipv6=off;
proxy_pass http://host.docker.internal:3000/;

proxy_http_version 1.1;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header X-Forwarded-Proto $scheme;
proxy_set_header X-Forwarded-Host $host;
proxy_set_header X-Forwarded-Port $server_port;
proxy_cache_bypass $http_upgrade;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "upgrade";


location /
root /usr/share/nginx/html;
index index.html index.htm;


error_page 500 502 503 504 /50x.html;
location = /50x.html
root /usr/share/nginx/html;












share|improve this question




























    0















    I try to setup a nginx container as proxy for my development site running on webpack-dev-server. Unfortunately, I got the problem with loading the static files (404 not found).



    When the request reach the index.html file of proxy server, it try the find the static files at http://localhost:8081/static/js/bundle.js which is not the actual location.



    Here is my index.html:



    <!DOCTYPE html>
    <html lang="en">

    <head>
    <meta charset="utf-8" />
    <link rel="shortcut icon" href="/favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
    <meta name="theme-color" content="#000000" />
    <link rel="manifest" href="/manifest.json" />
    <title>PowerPlan</title>
    </head>

    <body>
    <noscript>You need to enable JavaScript to run this app.</noscript>
    <div id="root"></div>
    <script src="/static/js/bundle.js"></script><script src="/static/js/0.chunk.js"></script><script src="/static/js/main.chunk.js"></script></body>

    </html>


    Here is my nginx config:



    server 
    listen 80;
    server_name localhost;
    error_log /var/log/nginx/nginx_error.log warn;

    location /power-plan/
    resolver 127.0.0.11 ipv6=off;
    proxy_pass http://host.docker.internal:3000/;

    proxy_http_version 1.1;
    proxy_set_header Host $host;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_set_header X-Forwarded-Proto $scheme;
    proxy_set_header X-Forwarded-Host $host;
    proxy_set_header X-Forwarded-Port $server_port;
    proxy_cache_bypass $http_upgrade;
    proxy_set_header Upgrade $http_upgrade;
    proxy_set_header Connection "upgrade";


    location /
    root /usr/share/nginx/html;
    index index.html index.htm;


    error_page 500 502 503 504 /50x.html;
    location = /50x.html
    root /usr/share/nginx/html;












    share|improve this question
























      0












      0








      0


      1






      I try to setup a nginx container as proxy for my development site running on webpack-dev-server. Unfortunately, I got the problem with loading the static files (404 not found).



      When the request reach the index.html file of proxy server, it try the find the static files at http://localhost:8081/static/js/bundle.js which is not the actual location.



      Here is my index.html:



      <!DOCTYPE html>
      <html lang="en">

      <head>
      <meta charset="utf-8" />
      <link rel="shortcut icon" href="/favicon.ico" />
      <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
      <meta name="theme-color" content="#000000" />
      <link rel="manifest" href="/manifest.json" />
      <title>PowerPlan</title>
      </head>

      <body>
      <noscript>You need to enable JavaScript to run this app.</noscript>
      <div id="root"></div>
      <script src="/static/js/bundle.js"></script><script src="/static/js/0.chunk.js"></script><script src="/static/js/main.chunk.js"></script></body>

      </html>


      Here is my nginx config:



      server 
      listen 80;
      server_name localhost;
      error_log /var/log/nginx/nginx_error.log warn;

      location /power-plan/
      resolver 127.0.0.11 ipv6=off;
      proxy_pass http://host.docker.internal:3000/;

      proxy_http_version 1.1;
      proxy_set_header Host $host;
      proxy_set_header X-Real-IP $remote_addr;
      proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
      proxy_set_header X-Forwarded-Proto $scheme;
      proxy_set_header X-Forwarded-Host $host;
      proxy_set_header X-Forwarded-Port $server_port;
      proxy_cache_bypass $http_upgrade;
      proxy_set_header Upgrade $http_upgrade;
      proxy_set_header Connection "upgrade";


      location /
      root /usr/share/nginx/html;
      index index.html index.htm;


      error_page 500 502 503 504 /50x.html;
      location = /50x.html
      root /usr/share/nginx/html;












      share|improve this question














      I try to setup a nginx container as proxy for my development site running on webpack-dev-server. Unfortunately, I got the problem with loading the static files (404 not found).



      When the request reach the index.html file of proxy server, it try the find the static files at http://localhost:8081/static/js/bundle.js which is not the actual location.



      Here is my index.html:



      <!DOCTYPE html>
      <html lang="en">

      <head>
      <meta charset="utf-8" />
      <link rel="shortcut icon" href="/favicon.ico" />
      <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
      <meta name="theme-color" content="#000000" />
      <link rel="manifest" href="/manifest.json" />
      <title>PowerPlan</title>
      </head>

      <body>
      <noscript>You need to enable JavaScript to run this app.</noscript>
      <div id="root"></div>
      <script src="/static/js/bundle.js"></script><script src="/static/js/0.chunk.js"></script><script src="/static/js/main.chunk.js"></script></body>

      </html>


      Here is my nginx config:



      server 
      listen 80;
      server_name localhost;
      error_log /var/log/nginx/nginx_error.log warn;

      location /power-plan/
      resolver 127.0.0.11 ipv6=off;
      proxy_pass http://host.docker.internal:3000/;

      proxy_http_version 1.1;
      proxy_set_header Host $host;
      proxy_set_header X-Real-IP $remote_addr;
      proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
      proxy_set_header X-Forwarded-Proto $scheme;
      proxy_set_header X-Forwarded-Host $host;
      proxy_set_header X-Forwarded-Port $server_port;
      proxy_cache_bypass $http_upgrade;
      proxy_set_header Upgrade $http_upgrade;
      proxy_set_header Connection "upgrade";


      location /
      root /usr/share/nginx/html;
      index index.html index.htm;


      error_page 500 502 503 504 /50x.html;
      location = /50x.html
      root /usr/share/nginx/html;









      nginx






      share|improve this question













      share|improve this question











      share|improve this question




      share|improve this question










      asked May 4 at 8:06









      pcuongpcuong

      1012




      1012




















          0






          active

          oldest

          votes












          Your Answer








          StackExchange.ready(function()
          var channelOptions =
          tags: "".split(" "),
          id: "2"
          ;
          initTagRenderer("".split(" "), "".split(" "), channelOptions);

          StackExchange.using("externalEditor", function()
          // Have to fire editor after snippets, if snippets enabled
          if (StackExchange.settings.snippets.snippetsEnabled)
          StackExchange.using("snippets", function()
          createEditor();
          );

          else
          createEditor();

          );

          function createEditor()
          StackExchange.prepareEditor(
          heartbeatType: 'answer',
          autoActivateHeartbeat: false,
          convertImagesToLinks: true,
          noModals: true,
          showLowRepImageUploadWarning: true,
          reputationToPostImages: 10,
          bindNavPrevention: true,
          postfix: "",
          imageUploader:
          brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
          contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
          allowUrls: true
          ,
          onDemand: true,
          discardSelector: ".discard-answer"
          ,immediatelyShowMarkdownHelp:true
          );



          );













          draft saved

          draft discarded


















          StackExchange.ready(
          function ()
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fserverfault.com%2fquestions%2f965846%2fhot-reload-site-webpack-dev-server-behind-nginx-reserve-proxy-docker%23new-answer', 'question_page');

          );

          Post as a guest















          Required, but never shown

























          0






          active

          oldest

          votes








          0






          active

          oldest

          votes









          active

          oldest

          votes






          active

          oldest

          votes















          draft saved

          draft discarded
















































          Thanks for contributing an answer to Server Fault!


          • Please be sure to answer the question. Provide details and share your research!

          But avoid


          • Asking for help, clarification, or responding to other answers.

          • Making statements based on opinion; back them up with references or personal experience.

          To learn more, see our tips on writing great answers.




          draft saved


          draft discarded














          StackExchange.ready(
          function ()
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fserverfault.com%2fquestions%2f965846%2fhot-reload-site-webpack-dev-server-behind-nginx-reserve-proxy-docker%23new-answer', 'question_page');

          );

          Post as a guest















          Required, but never shown





















































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown

































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown







          Popular posts from this blog

          How to write a 12-bar blues melodyI-IV-V blues progressionHow to play the bridges in a standard blues progressionHow does Gdim7 fit in C# minor?question on a certain chord progressionMusicology of Melody12 bar blues, spread rhythm: alternative to 6th chord to avoid finger stretchChord progressions/ Root key/ MelodiesHow to put chords (POP-EDM) under a given lead vocal melody (starting from a good knowledge in music theory)Are there “rules” for improvising with the minor pentatonic scale over 12-bar shuffle?Confusion about blues scale and chords

          What if the end-user didn't have the required library?What is setup.py?What is a clean, pythonic way to have multiple constructors in Python?What does Ruby have that Python doesn't, and vice versa?What is the reason for having '//' in Python?How do I create a namespace package in Python?How to package shared objects that python modules depend on?setuptools vs. distutils: why is distutils still a thing?Navigation in Windows 10 vs code not going to virtualenv library when the same library is installed at user levelPython create package for local usePackaging a project that uses multiple python versionsWhy is permission denied on pip install except for when “--user” is included at end of command?

          Why did Thanos need his ship to help him in the battle scene?Which actor plays Thanos in the Avengers mid-credits scene?Are there economic implications portrayed in comics where the buildings and cities are ruined almost daily?Old X-Men comic where team travels to alien world with a ring-like sun that needs recharging?Why does Ego need help sleeping?Is there an objective answer to who “the strongest Avenger” is?How did Banner get unstuck?Why did Thanos get hit?How did Thanos (or anyone) know the Infinity Stones would give him this power?Did Thanos leave Eitri alive for his after-sales service?In Avengers 1, why does Thanos need Loki?