nginx在我的生产vue-cli应用程序的页面重新加载上给出404错误

我知道这是一个已知问题,甚至当您在Vue Router中使用历史记录模式时在vue-cli文档中也对此进行了解释。

  

如果在历史记录模式下使用Vue Router,则简单的静态文件服务器将失败。例如,如果您将Vue Router与/ todos / 42的路由一起使用,则dev服务器已配置为正确响应localhost:3000 / todos / 42,但是为生产版本提供服务的简单静态服务器将以404代替

     

要解决此问题,您需要将生产服务器配置为   对任何与静态不匹配的请求回退到index.html   文件。

但是我已经在配置文件中这样做了,当我手动重新加载页面时问题仍然存在。

server {
  listen 80;
  server_name my.domain.name.com;
  rewrite ^ https://$server_name$request_uri permanent;
}

server {
    listen      443 ssl;
    listen [::]:443 ssl;
    server_name my.domain.name.com;

    root /var/www/my-frontend-dist-root;

    location / {
        try_files $uri $uri/ /index.html;
    }
location ~*.(ogg|ogv|svg|svgz|eot|otf|woff|mp4|ttf|css|rss|atom|js|jpg|jpeg|gif|png|ico|zip|tgz|gz|rar|bz2|doc|xls|exe|ppt|ta$
        expires 365d;
        log_not_found off;
        access_log off;
    }

    access_log  /var/log/nginx/my.access.log;
    error_log   /var/log/nginx/my.error.log debug;

    ssl on;
    ssl_certificate     /etc/letsencrypt/live/my.domain.name/fullchain.pem;
    ssl_certificate_key /etc/letsencrypt/live/my.domain.name/privkey.pem;
    keepalive_timeout   60;
ssl_ciphers "ECDH+AESGCM:DH+AESGCM:ECDH+AES256:DH+AES256:ECDH+AES128:DH+AES:ECDH+3DES:DH+3DES:RSA+AESGCM:RSA+AES:RSA+3DES:!aN$
    ssl_protocols           TLSv1 TLSv1.1 TLSv1.2;
    ssl_prefer_server_ciphers on;
    ssl_dhparam /etc/nginx/ssl/dhp-2048.pem;

    proxy_buffers 16 64k;
    proxy_buffer_size 128k;
}

我想念什么?

NOKIA3650 回答:nginx在我的生产vue-cli应用程序的页面重新加载上给出404错误

暂时没有好的解决方案,如果你有好的解决方案,请发邮件至:iooj@foxmail.com
本文链接:https://www.f2er.com/2976421.html

大家都在问