TLingC's Zone
TLingC's Zone

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://tlingc.com/2021/11/deploy-vite-project-in-subdirectory/
# #
首页      开发      vite项目在二级目录下的部署

推荐文章

发表评论

textsms
account_circle
email

TLingC's Zone

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