深入解析:vue+vite打包后的文件希望放在一个子目录下

比如我们常规操作是打包的项目文件直接放在域名下面。如果我们希望把项目放在子域名下面应该怎么处理呢?需要两个步骤

vite.config.js里面指定base的路径

假设我们希望放在子目录加做call

那么我们可以这样

base:'/call/',注意不是build目录哈。return的最外层。

如果本地和测试环境区分开,不同的处理,你也可以这样写:

import.meta.env.MODE === 'production' ? '/call/' : '/'

第二个是路由地址

如果我们是history的模式

const router = createRouter({
    history:createWebHistory(import.meta.env.MODE === 'production' ? '/call/' : '/'),
    routes
})

posted @ 2025-09-03 22:02  yjbjingcha  阅读(20)  评论(0)    收藏  举报