DevsDawn
DevsDawn

vite项目在二级目录下的部署

使用history路由模式,假定项目在admin目录下,需要使用类似于如下url访问:

https://myapp.com/admin/auth/login
https://myapp.com/admin/dashboard


  1. 修改 公共基础路径,适配静态文件。
    vite.config.js
export default defineConfig({
  base: '/admin/',
 // ...
});
  1. 修改路由前缀,内部路由跳转时追加上前缀。
    src/router/index.ts
const router = createRouter({
  history: createWebHistory('/admin/'),
  routes
})
  1. Nginx 配置。
location /admin {
  try_files $uri $uri/ /admin/index.html;
}
若无特别说明,本文采用 CC BY-SA 4.0 协议进行许可。如需转载,请附上本文链接和本声明。
本文链接:https://devsdawn.com/2021/11/deploy-vite-project-in-subdirectory/
DigitalOcean云服务,NYSE上市公司,注册即送200USD体验金
Vultr云服务,全球25+地域,注册即送100USD体验金

发表回复

textsms
account_circle
email

DevsDawn

vite项目在二级目录下的部署
使用history路由模式,假定项目在admin目录下,需要使用类似于如下url访问: https://myapp.com/admin/auth/login https://myapp.com/admin/dashboard 修改 公共基础路径,适…
扫描二维码继续阅读
2021-11-29