[英]Vue and Node configuration nginx
我已經托管了我的第一個Vue和Node應用程序,但是有問題。 我想在不同的端口上加載Vue文件,以便減輕節點壓力。 問題是在當前配置下,我在瀏覽器中得到了此信息: Cannot GET /
即使在Node路由器中添加帶有url的路由/
我也得到了一些東西。 但是我需要從Vue路由器而不是從Express路由器加載此url。 為什么要從快遞加載? 這是我的配置文件nginx:
server {
listen 80;
listen [::]:80 default_server;
return 301 https://$host$request_uri;
}
server {
# Enable HTTP/2
listen 443 ssl http2;
listen [::]:443 ssl http2;
server_name domain.com;
# Use the Letā€™s Encrypt certificates
ssl_certificate /etc/letsencrypt/live/domain.com/fullchain.pem;
ssl_certificate_key /etc/letsencrypt/live/domain.com/privkey.pem;
# Include the SSL configuration from cipherli.st
include snippets/ssl-params.conf;
location /api {
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header X-NginX-Proxy true;
proxy_pass http://localhost:5000;
proxy_ssl_session_reuse off;
proxy_set_header Host $http_host;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "upgrade";
proxy_cache_bypass $http_upgrade;
proxy_redirect off;
}
location / {
root /var/www/html/Web/dist; // Vue dist folder
}
}
在您的nginx配置中,您需要添加try_files $uri $uri/ /index.html;
到你/
位置。 這會將所有內容發送到您的index.html文件。
location / {
root /var/www/html/Web/dist; // Vue dist folder
try_files $uri $uri/ /index.html;
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.