vue+vite打包空白问题
在使用vue+vite创建项目之后如果我们在部署项目的时候使用的不是主域名 比如www.custom.com 而是使用了www.custom.com/test 为访问域名的时候 如果不小心没有注意到这个变化 在打包上线之后会出现页面空白 js或者css404问题 我们可以在vite.config.ts去配置路径base
export default defineConfig({
base: '/test/',
plugins: [vue()],
//配置别名 在项目中不用再去../找目录了 可以直接使用@到src目录下了
resolve: {
alias: {
'@': fileURLToPath(new URL('./src', import.meta.url))
},
},
})
这样配置之后解决了打包页面空白问题