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;
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
add a comment |
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
add a comment |
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
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
nginx
asked May 4 at 8:06
pcuongpcuong
1012
1012
add a comment |
add a comment |
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
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
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
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.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
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
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
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