第一步：修改项目文件
修改路由文件，将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
具体操作搜教程吧
