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

如果当前应用是子目录应用最好设置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