cordova打包成apk后,axios异步请求该如何设置?

发布于 2022-09-07 16:17:49 字数 649 浏览 28 评论 0

一般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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

ぽ尐不点ル 2022-09-14 16:17:49

proxyTable是在开发模式下才生效的,你通过cordova serve android访问的是打包后生产环境使用的index.html文件,所以代理是不生效的。
请求url可以直接写服务器上的绝对地址就会访问正确的地址了,
如果开发环境和生产环境要请求不同的地址的话,可以自己做一下判断。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文