nuxtjs使用Nginx反向代理访问_nuxt目录静态资源404的问题

  • Post author:
  • Post category:其他


如果当前应用是子目录应用最好设置nuxt.config.js

export default {
    router: {
        base: '/子目录/'
    }
}

那么整个应用的所有资源也能通过/子目录/访问了。

Nginx配置

{
    location ~ ^/子目录 {
        proxy_pass http://localhost:3000;
        proxy_set_header   X-Real-IP        $remote_addr;
        proxy_set_header   X-Forwarded-For  $proxy_add_x_forwarded_for;
        proxy_set_header   Host             $http_host;
    }
}

要以正则的方式写子目录匹配,因为正则的优先级覆盖后面静态资源的正则匹配  否则后面静态资源的正则匹配生效会让nuxt应用下的静态资源404



版权声明:本文为hoyche原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。