服务器nginx配置如果不是根路径/，而是一个子路径，例如/airbnb，要如何处理

来源：13-4 Nginx相关配置：资源目录指定、本地代理转发、gzip压缩

穿鞋的面条

2026-01-09

老师，我发现在如果nginx的配置访问路径如果是/，项目部署后是没有问题的，但如果是子路径，例如：/airbnb这种，会有很多问题，我自己尝试去修改项目的路由和打包配置，但始终无法完全解决问题，要么静态资源访问不到，要么初始加载时ayncData方法不能正常调用，或者前端路由跳转后，会丢掉/airbnb这个前缀，一刷新就完蛋了。
在实际的生产环境部署中，一般服务器都会存在多个项目，不可能占用/路径配置，真心希望老师能就这方面的问题，进行一下讲解，万分感谢！

写回答

1回答

Harry_wang

2026-01-09

想加/airbnb这种二级子路径，首先vite.config.ts中加个base:'/airbnb'，这个根据你的表述我相信你已经试过了，那么不成功大概率是nginx 没有配置正确，nginx需要将子路径下的所有请求（前端路由、API、静态资源）正确地分发，另外base:'/airbnb'或者base:'/airbnb/'这些情况你都试试，说不定是少个斜杠，多了个斜杠的问题呢

Vue3+TS打造SSR网站应用，0到1实现服务端渲染

教你一套前端技术组合拳，Get全套网站优化解决方案

374 学习 · 195 问题

查看课程

相似问题

如果公司有些陈年老仓库最近需要国际化，如何快速解决

回答 1

老师,请教首次进页面重定向路由报错的问题

回答 2

好像未使用window.location.href的情况下,并没有进行服务端渲染是吗?

回答 1

如果生产环境也报错，是不是就返回错误页给到客户端

回答 1

如果不需要同时兼容开发环境和生产环境，server.js是不是就不需要改造

回答 1

打开慕课网App查看更多内容