我的nginx配置如下:
server {
server_name my-website.com;
location / {
proxy_pass http://192.168.1.128:5367;
}
listen 443 ssl; # managed by Certbot
...
}
server {
if ($host = my-website.com) {
return 301 https://$host$request_uri;
} # managed by Certbot
server_name my-website.com;
listen 80;
return 404; # managed by Certbot
}
字符串
这是一个带有vue路由器的vue应用程序,当我从根访问网站时工作正常,例如my-website.com/
。但是,当使用路径访问链接时,例如my-website.com/companies
vue路由器似乎会中断并显示空白页面。如何解决这个问题,以便我的网站在通过nginx使用反向代理服务时也能正常工作。
按照vue router页面(https://router.vuejs.org/guide/essentials/history-mode.html)中的建议添加try_files $uri $uri/ /index.html;
会导致500错误。
1条答案
按热度按时间3zwtqj6y1#
问题似乎是
try_files $uri $uri/ /index.html;
和proxy_pass不允许在同一个块中,所以为了解决这个问题,我需要将它们分开,如下所示:字符串
在这里,我们说,如果我们有一个404,我们去回退块,导致加载index.html,从而启用路由机制。