vuecli4打包后ios不刷新

当使用Vue CLI 4打包Vue.js应用程序为移动端的iOS应用时，可能会遇到刷新问题。这通常是由于路由模式导致的，Vue Router默认使用的是Hash模式，而在移动端的iOS应用中，Hash模式可能无法正常刷新页面。

要解决这个问题，我们需要先了解一下Vue Router的两种路由模式：Hash模式和History模式。

1. Hash模式：使用URL的hash值来模拟一个完整的URL，由于hash值的改变不会导致浏览器向服务器发送请求，因此在移动端的Web应用开发中往往采用这个模式。它的URL格式为：`http://www.example.com/#/home`。

2. History模式：使用HTML5的history API来实现，可以在不刷新页面的情况下改变URL。它的URL格式为：`http://www.example.com/home`。

默认情况下，Vue Router采用的是Hash模式，因此在打包后的移动端应用中，URL会变为类似于`file:///path/to/index.html#/home`的形式。在iOS应用中，在刷新页面时，由于Hash值的变化不会触发浏览器向服务器发送请求，所以页面不会刷新。

为了解决这个问题，我们可以使用Vue Router的History模式来代替Hash模式。下面是具体的解决方案：

1. 修改路由配置：打开Vue项目中的`src/router/index.js`文件，将路由模式改为History模式。

```javascript

import Vue from 'vue'

import Router from 'vue-router'

Vue.use(Router)

export default new Router({

mode: 'history',

routes: [

// 路由配置

]

})

```

2. 生成app的URL：在Vue项目的`public/index.html`文件中，找到根节点元素``之前的位置，添加以下代码生成app的URL。

```javascript

```

3. 使用app的URL：在Vue项目中，如果需要使用app的URL，可以通过`window.APP_URL`变量来获取。

```javascript

window.location.href = `${window.APP_URL}/home`

```

通过上述修改，我们将Vue Router的路由模式改为History模式，这样在打包后的移动端应用中URL就变为正常的URL格式了。在iOS应用中，刷新页面时，浏览器会向服务器发送请求，从而实现刷新页面的效果。

总结：在使用Vue CLI 4打包Vue.js应用程序为移动端的iOS应用时，如果遇到刷新问题，可以通过修改Vue Router的路由模式为History模式来解决。这样可以使URL正常显示，并在刷新页面时实现页面的刷新效果。