我在用vue3+uniapp+vite中使用hash模式打包的H5,我配置了通配路径,然后出现了开发环境正常显示,但是打包后出现了访问首页直接跳转到了404。
以下是我的配置,
因为打包H5,必须要通配路径,不然进入H5就会报未匹配到通配符路径,或者*通配符必须配合 redirect 使用,所以我加了通配路径。
router/index.js 通配路径
const router = createRouter({
pages,
addRoutes: [
{
path: '*',
redirect: () => {
return { path: '/pages/home/404' }
},
},
],
})
manifest.config.js配置
h5: {
// publicPath: '/h5/',
router: {
mode: 'hash',
base: './',
},
},
vite.config.js配置
base: './',
大家帮我看下,到底要怎么改才能打包后的H5预览正常啊。
目前这种做法,首页打开就是404,但是我修改路径后可以访问,但只要返回首页就是404.
0 个回复