android ios webview,本地加载vue打包好的项目

  • Post author:
  • Post category:vue




步骤一:

将路由模式改为hash



步骤二:

打开project_root/config/index.js(project_root就是你的项目根目录)
修改如下内容
...省略
module.exports = {
  
  build: {
    // Template for index.html
    index: path.resolve(__dirname, '../dist/index.html'),

    // Paths
    assetsRoot: path.resolve(__dirname, '../dist'),
    assetsSubDirectory: 'static',
    // assetsPublicPath原值'/'改为'./'
    // 如果是vue3.0,则assetsDir: './' 
    assetsPublicPath: './', 
  }
...省略
}



步骤三:

打包vue项目,将整个dist文件夹放到android的assets目录中

webview.loadUrl(“file:///android_asset/dist/index.html”);

iOS也差不多这样



完事!



版权声明:本文为u010775335原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。