vue打包成app的三部曲

第一步：修改项目文件

修改路由文件，将mode: 'history' 改为 mode: 'hash'

const router = new VueRouter({
  // mode: 'history',
  mode: 'hash',
  base: process.env.BASE_URL,
  routes
})

export default router

安卓app没有跨域一说，请求地址使用绝对地址

const Axios = axios.create({
  #baseURL: '/api',
  baseURL: 'http://xxxx.com/api',
  timeout: 5000,
});

另外vue.config.js中关于跨域的配置没用了（原本就是测试环境有效的，可以选择干掉，或者不管）,重点是要加上 publicPath: './',

module.exports = {
  publicPath: './',
  configureWebpack: {
    resolve: {
      alias: {
        'assets': '@/assets',
        'components': '@/components',
        'network': '@/network',
        'views': '@/views',
        'store': '@/store',
      }
    }
  },
  // devServer: {
  //   port: 8081, // 端口号
  //   https: false, // https:{type:Boolean}
  //   open: true, // 配置自动启动浏览器
  //   hotOnly: true, // 热更新
  //   proxy: {
  //     '/api': {
  //       target: 'http://xxxx.com',//跨域接口的地址
  //       changeOrigin: true,
  //       // source: false,
  //       // pathRewrite: {
  //       //   '^/api': ''
  //       // }
  //     }
  //   },
  //   headers: {
  //     'Access-Control-Allow-Origin': '*',
  //   }
  // }
};

以上改完了

第二步：打包

npm run build

第三步：使用HBuilderX（开发版）打包成APP

具体操作搜教程吧