Android WebView加载 Vue 项目

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/xukongjing1/article/details/86292521

1.允许 vue端使用 localStorage存储

需要在 android webview 中作如下设置

        myWebView.loadUrl("http://10.18.31.12:8081/?areaCode=620000&areaName=甘肃省");        
        //localStorage  允许存储
        myWebView.getSettings().setDomStorageEnabled(true);
        myWebView.getSettings().setAppCacheMaxSize(1024*1024*8);//存储的最大容量
        String appCachePath = getApplicationContext().getCacheDir().getAbsolutePath();
        myWebView.getSettings().setAppCachePath(appCachePath);
        myWebView.getSettings().setAllowFileAccess(true);
        myWebView.getSettings().setAppCacheEnabled(true);

2.向vue端传递参数

android 端webView 拼接参数

myWebView.loadUrl("http://10.18.31.12:8081/?areaCode=620000&areaName=甘肃省");

vue首页面接收参数并存储到 localStorage

created(){
    var params = {};
    location.search.substr(1).split('&').forEach( function(item){
      var s = item.split('=');
      params[s[0]]=s[1];
    });
    localStorage.setItem('areaCode',params.areaCode);
    localStorage.setItem('areaName',params.areaName);
}