Nuxt3部署到二级目录

2,163 阅读1分钟

一、前端代码配置

// nuxt.config.ts

Nuxt2的配置

export default {
  router: {
    base: '/app/'
  }
}

Nuxt3的配置

export default defineNuxtConfig({
    app:{
        baseURL:'/app/'
    }
})

二、Nginx配置

端口映射

location /app/ {
                proxy_pass http://localhost:5000;
                }
                

静态资源目录匹配

location ~ /app\/.*\.(js|ts|css|json|png|ttf|otf|jpg)$ {
                 root '打包后静态资源的根目录';
                }

三、总结

首先确定二级目录的名称,如上‘/app’,在前端nuxt.config.ts里面给baseURL赋值为‘/app/’,nginx映射出来的的端口也为‘/app/’,静态资源目录的匹配也需要在‘/app/’下面。