一、前端代码配置
// 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/’下面。