• 404 Not Found(nginx)


    1. #vue-router history 配置
    2. location / {
    3. add_header 'Access-Control-Allow-Origin' '*';
    4. add_header 'Access-Control-Allow-Headers' '*';
    5. add_header 'Cross-Origin-Embedder-Policy' 'require-corp';
    6. add_header 'Cross-Origin-Opener-Policy' 'same-origin';
    7. try_files $uri $uri/ @router;
    8. index index.html;
    9. }
    10. location @router {
    11. rewrite ^.*$ /index.html last;
    12. }

    这段代码是Nginx的配置,主要用于处理与Vue.js应用(特别是使用Vue Router的SPA,即单页应用)的路由相关的请求。

    1. location / { ... }:

      • 这是一个Nginx的location块,它定义了当请求的URI与/(根目录或根路径)匹配时,Nginx应该如何处理这些请求。
    2. add_header ...:

      • 这些指令用于向HTTP响应头中添加或修改头部字段。
        • 'Access-Control-Allow-Origin' '*': 这允许任何源(域名、协议或端口)来访问这个资源。但是,通常在实际部署中,出于安全考虑,你会限制这个值到特定的源。
        • 'Access-Control-Allow-Headers' '*': 这允许跨域请求包含任何头部字段。但同样,为了安全,你可能希望限制这个值到特定的头部字段。
        • 'Cross-Origin-Embedder-Policy' 'require-corp': 这是一个新的安全策略,它要求跨域资源只能被同源的