uni-app vue项目 使用hbuilderx 5+App 打包成ios后路由无法跳转 vue2路由模式已改为hash模式

在 uni-app 中使用 Vue2 开发应用，并且将路由模式改为 hash 模式后，通常可以解决大部分在打包成原生应用（如 iOS）时遇到的路由跳转问题。不过，为了确保你的应用能够在 iOS 上正确跳转，我们还需要确保路由配置和页面跳转逻辑正确无误。

以下是一个基本的 uni-app 项目配置和页面跳转示例，这里假设你已经将路由模式设置为 hash 模式：

1. 确保 vue-router 配置正确：

   在 pages.json 中配置你的页面路由，同时确保 vue-router 的模式为 hash。虽然 pages.json 是 uni-app 的页面管理配置，但在使用 vue-router 时，你仍然需要在 Vue 实例中配置路由。

   // main.js 或 app.js
   import Vue from 'vue'
   import App from './App'
   import router from './router' // 假设你有一个单独的 router.js 文件
   
   Vue.config.productionTip = false
   
   App.mpType = 'app'
   
   const app = new Vue({
       ...App,
       router, // 使用 vue-router
   })
   app.$mount()
   

   在 router.js 中：

   import Vue from 'vue'
   import Router from 'vue-router'
   import Home from './pages/home/home.vue'
   import About from './pages/about/about.vue'
   
   Vue.use(Router)
   
   export default new Router({
       mode: 'hash', // 确保模式为 hash
       routes: [
           {
               path: '/',
               name: 'Home',
               component: Home
           },
           {
               path: '/about',
               name: 'About',
               component: About
           }
       ]
   })
   

2. 页面跳转示例：

   在你的组件中，你可以使用 this.$router.push 方法进行页面跳转。

   <template>
       <view>
           <button @click="goToAbout">Go to About</button>
       </view>
   </template>
   
   <script>
   export default {
       methods: {
           goToAbout() {
               this.$router.push({ name: 'About' })
           }
       }
   }
   </script>
   

3. 确保 HBuilderX 和相关依赖更新：

   确保你使用的 HBuilderX 是最新版本，同时检查 manifest.json 中的 SDK 版本和其他配置是否符合 iOS 的打包要求。

4. 调试和测试：

   在真机或模拟器上测试你的应用，确保路由跳转无误。如果遇到问题，检查控制台输出，看是否有错误信息可以帮助定位问题。

以上配置和代码示例应该能够帮助你解决在 uni-app 中使用 hash 模式打包成 iOS 应用后的路由跳转问题。如果问题依旧存在，请检查具体的错误信息或日志，以便进一步分析。