vue2项目部署二级目录，页面怎么一直在首页？

Question

但是本地打开是好的：

vue.config.js 的配置 ：

router/index.js 的配置：

Answer 1

阿里嘎多学长整理AIGC生成，因移动端显示问题导致当前答案未能完全显示，请使用PC端查看更加详细的解答过程

问题解答

你遇到的问题是：在 Vue 2 项目中，部署到二级目录后，页面总是跳转到首页，而不是到指定的页面。

可能的原因是：Vue Router 的 base 路径没有正确配置。

解决方案：

1. 在 vue.config.js 文件中，添加以下配置：

module.exports = {
  // ...
  publicPath: '/subdir/', // 设置 publicPath 到二级目录
}

其中，/subdir/ 是你想要的二级目录。

1. 在 router/index.js 文件中，检查是否有正确的 base 路径配置。如果没有，添加以下代码：

import Vue from 'vue'
import Router from 'vue-router'

Vue.use(Router)

export default new Router({
  base: '/subdir/', // 设置 base 路径到二级目录
  routes: [...]
})

其中，/subdir/ 是你想要的二级目录。

1. 重新编译和部署项目，检查是否可以正确跳转到指定的页面。

如果问题仍然存在，可以检查 Vue Router 的配置和路由表是否正确。