cordova打包成apk后,axios异步请求该如何设置?
一般vue项目中异步请求代码如下:
调用异步请求:
axios.get('/api/index.json').then()
config/index.js 中配置代码如下:
proxyTable: {
'/api': {
target: 'http://23.8.32.xxx',
pathRewrite: {
'^/api': '/static/mock'
}
}
},
npm run dev
后在浏览器中是可以访问到数据。
但是打包成apk
就不一样了,我们通过命令cordova serve android
,然后在浏览器里面通过http://localhost:8000/android/www/index.html#/
可以访问该页面(就像在手机中看到页面一样),对应的异步请求变成了http://localhost:8000/android/www/api/index.json
,这个请求会返回404
,那么我们该如何修改上面调用异步请求的代码
和异步请求配置相关的代码
呢?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
proxyTable
是在开发模式下才生效的,你通过cordova serve android
访问的是打包后生产环境使用的index.html
文件,所以代理是不生效的。请求url可以直接写服务器上的绝对地址就会访问正确的地址了,
如果开发环境和生产环境要请求不同的地址的话,可以自己做一下判断。