How can I serve dynamic files (pug/jade) with NGINX proxied to my express app by caching?
Heres my situation. I have switched all of my html files to pug/jade, and my app runs fine locally. However, after pushing my changes, all I get when I try accessing my website https://yesdevil.com/ is "cannot get /". I did some research and found that I must cache to be able to serve pug/jade files with nginx. I've had no luck in attempting to do this. Here is my github repository https://github.com/lojoba64/YesDevilWebsite
Here is my nginx configuration
nginx.conf
`http {
include etc/nginx/sites-enabled/*;
proxy_cache_path /etc/nginx/mycache keys_zone=:mycache:10m;
}`
etc/nginx/sites-enabled/yesdevil.com
`server {
location /public {
root /var/www/yesdevil.com/html/YesDevilWebsite/;
}
listen [::]:80;
server_name www.yesdevil.com yesdevil.com;
proxy_cache mycache;
location / {
proxy_pass http://yesdevil.com:8080/;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection 'upgrade';
proxy_set_header Host $host;
proxy_cache_bypass $http_upgrade;
}`
Anything helps, thanks!
node.js express nginx pug nginx-reverse-proxy
add a comment |
Heres my situation. I have switched all of my html files to pug/jade, and my app runs fine locally. However, after pushing my changes, all I get when I try accessing my website https://yesdevil.com/ is "cannot get /". I did some research and found that I must cache to be able to serve pug/jade files with nginx. I've had no luck in attempting to do this. Here is my github repository https://github.com/lojoba64/YesDevilWebsite
Here is my nginx configuration
nginx.conf
`http {
include etc/nginx/sites-enabled/*;
proxy_cache_path /etc/nginx/mycache keys_zone=:mycache:10m;
}`
etc/nginx/sites-enabled/yesdevil.com
`server {
location /public {
root /var/www/yesdevil.com/html/YesDevilWebsite/;
}
listen [::]:80;
server_name www.yesdevil.com yesdevil.com;
proxy_cache mycache;
location / {
proxy_pass http://yesdevil.com:8080/;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection 'upgrade';
proxy_set_header Host $host;
proxy_cache_bypass $http_upgrade;
}`
Anything helps, thanks!
node.js express nginx pug nginx-reverse-proxy
Wouldn't you want to bypass cache to request dynamic pug files? That's how we have our CDN set up. If the pug files really are static (and you're just using pug as an awesomely simple html template language) then you can use gulp-pug to convert them into static html files.
– Graham
Nov 16 '18 at 15:08
@Graham The top answer on this question stackoverflow.com/questions/38101502/… lead me to believe caching would solve my problem. I've successfully implemented gulp-pug, at least locally, but I'm still getting "cannot get /"... So there must be something else I'm doing wrong?
– Logan.B
Nov 16 '18 at 23:21
Yes, it must be an nginx configuration issue (something I have no experience in yet)
– Graham
Nov 17 '18 at 1:28
@Graham Thats okay, well thanks for your help! I appreciate what you could help me with.
– Logan.B
Nov 17 '18 at 1:32
I wish you luck, as I might be in this position next year :)
– Graham
Nov 17 '18 at 1:35
add a comment |
Heres my situation. I have switched all of my html files to pug/jade, and my app runs fine locally. However, after pushing my changes, all I get when I try accessing my website https://yesdevil.com/ is "cannot get /". I did some research and found that I must cache to be able to serve pug/jade files with nginx. I've had no luck in attempting to do this. Here is my github repository https://github.com/lojoba64/YesDevilWebsite
Here is my nginx configuration
nginx.conf
`http {
include etc/nginx/sites-enabled/*;
proxy_cache_path /etc/nginx/mycache keys_zone=:mycache:10m;
}`
etc/nginx/sites-enabled/yesdevil.com
`server {
location /public {
root /var/www/yesdevil.com/html/YesDevilWebsite/;
}
listen [::]:80;
server_name www.yesdevil.com yesdevil.com;
proxy_cache mycache;
location / {
proxy_pass http://yesdevil.com:8080/;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection 'upgrade';
proxy_set_header Host $host;
proxy_cache_bypass $http_upgrade;
}`
Anything helps, thanks!
node.js express nginx pug nginx-reverse-proxy
Heres my situation. I have switched all of my html files to pug/jade, and my app runs fine locally. However, after pushing my changes, all I get when I try accessing my website https://yesdevil.com/ is "cannot get /". I did some research and found that I must cache to be able to serve pug/jade files with nginx. I've had no luck in attempting to do this. Here is my github repository https://github.com/lojoba64/YesDevilWebsite
Here is my nginx configuration
nginx.conf
`http {
include etc/nginx/sites-enabled/*;
proxy_cache_path /etc/nginx/mycache keys_zone=:mycache:10m;
}`
etc/nginx/sites-enabled/yesdevil.com
`server {
location /public {
root /var/www/yesdevil.com/html/YesDevilWebsite/;
}
listen [::]:80;
server_name www.yesdevil.com yesdevil.com;
proxy_cache mycache;
location / {
proxy_pass http://yesdevil.com:8080/;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection 'upgrade';
proxy_set_header Host $host;
proxy_cache_bypass $http_upgrade;
}`
Anything helps, thanks!
node.js express nginx pug nginx-reverse-proxy
node.js express nginx pug nginx-reverse-proxy
asked Nov 16 '18 at 3:47
Logan.BLogan.B
12
12
Wouldn't you want to bypass cache to request dynamic pug files? That's how we have our CDN set up. If the pug files really are static (and you're just using pug as an awesomely simple html template language) then you can use gulp-pug to convert them into static html files.
– Graham
Nov 16 '18 at 15:08
@Graham The top answer on this question stackoverflow.com/questions/38101502/… lead me to believe caching would solve my problem. I've successfully implemented gulp-pug, at least locally, but I'm still getting "cannot get /"... So there must be something else I'm doing wrong?
– Logan.B
Nov 16 '18 at 23:21
Yes, it must be an nginx configuration issue (something I have no experience in yet)
– Graham
Nov 17 '18 at 1:28
@Graham Thats okay, well thanks for your help! I appreciate what you could help me with.
– Logan.B
Nov 17 '18 at 1:32
I wish you luck, as I might be in this position next year :)
– Graham
Nov 17 '18 at 1:35
add a comment |
Wouldn't you want to bypass cache to request dynamic pug files? That's how we have our CDN set up. If the pug files really are static (and you're just using pug as an awesomely simple html template language) then you can use gulp-pug to convert them into static html files.
– Graham
Nov 16 '18 at 15:08
@Graham The top answer on this question stackoverflow.com/questions/38101502/… lead me to believe caching would solve my problem. I've successfully implemented gulp-pug, at least locally, but I'm still getting "cannot get /"... So there must be something else I'm doing wrong?
– Logan.B
Nov 16 '18 at 23:21
Yes, it must be an nginx configuration issue (something I have no experience in yet)
– Graham
Nov 17 '18 at 1:28
@Graham Thats okay, well thanks for your help! I appreciate what you could help me with.
– Logan.B
Nov 17 '18 at 1:32
I wish you luck, as I might be in this position next year :)
– Graham
Nov 17 '18 at 1:35
Wouldn't you want to bypass cache to request dynamic pug files? That's how we have our CDN set up. If the pug files really are static (and you're just using pug as an awesomely simple html template language) then you can use gulp-pug to convert them into static html files.
– Graham
Nov 16 '18 at 15:08
Wouldn't you want to bypass cache to request dynamic pug files? That's how we have our CDN set up. If the pug files really are static (and you're just using pug as an awesomely simple html template language) then you can use gulp-pug to convert them into static html files.
– Graham
Nov 16 '18 at 15:08
@Graham The top answer on this question stackoverflow.com/questions/38101502/… lead me to believe caching would solve my problem. I've successfully implemented gulp-pug, at least locally, but I'm still getting "cannot get /"... So there must be something else I'm doing wrong?
– Logan.B
Nov 16 '18 at 23:21
@Graham The top answer on this question stackoverflow.com/questions/38101502/… lead me to believe caching would solve my problem. I've successfully implemented gulp-pug, at least locally, but I'm still getting "cannot get /"... So there must be something else I'm doing wrong?
– Logan.B
Nov 16 '18 at 23:21
Yes, it must be an nginx configuration issue (something I have no experience in yet)
– Graham
Nov 17 '18 at 1:28
Yes, it must be an nginx configuration issue (something I have no experience in yet)
– Graham
Nov 17 '18 at 1:28
@Graham Thats okay, well thanks for your help! I appreciate what you could help me with.
– Logan.B
Nov 17 '18 at 1:32
@Graham Thats okay, well thanks for your help! I appreciate what you could help me with.
– Logan.B
Nov 17 '18 at 1:32
I wish you luck, as I might be in this position next year :)
– Graham
Nov 17 '18 at 1:35
I wish you luck, as I might be in this position next year :)
– Graham
Nov 17 '18 at 1:35
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
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%2fstackoverflow.com%2fquestions%2f53331132%2fhow-can-i-serve-dynamic-files-pug-jade-with-nginx-proxied-to-my-express-app-by%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 Stack Overflow!
- 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%2fstackoverflow.com%2fquestions%2f53331132%2fhow-can-i-serve-dynamic-files-pug-jade-with-nginx-proxied-to-my-express-app-by%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
Wouldn't you want to bypass cache to request dynamic pug files? That's how we have our CDN set up. If the pug files really are static (and you're just using pug as an awesomely simple html template language) then you can use gulp-pug to convert them into static html files.
– Graham
Nov 16 '18 at 15:08
@Graham The top answer on this question stackoverflow.com/questions/38101502/… lead me to believe caching would solve my problem. I've successfully implemented gulp-pug, at least locally, but I'm still getting "cannot get /"... So there must be something else I'm doing wrong?
– Logan.B
Nov 16 '18 at 23:21
Yes, it must be an nginx configuration issue (something I have no experience in yet)
– Graham
Nov 17 '18 at 1:28
@Graham Thats okay, well thanks for your help! I appreciate what you could help me with.
– Logan.B
Nov 17 '18 at 1:32
I wish you luck, as I might be in this position next year :)
– Graham
Nov 17 '18 at 1:35