HBuilder把vue项目打包app后请求不到数据问题

最近用VUE写了一个webapp项目(游计划--https:www.uplanok.com),用HBulider打包成app用手机打开后,数据居然请求不到,引入的阿里的iconfont字体图标也加载不进来。交互是用axios写的,使用了跨域代理。

放到服务器上打开的正常页面如下:

HBuilder把vue项目打包app后请求不到数据问题
打包成app后如下:

HBuilder把vue项目打包app后请求不到数据问题

解决方法有两种:

1、加上固定域名(https://www.uplanok.com)

由于打包的app只是套上了一个壳子,所以打开app后找不到对应的域名,所以请求不到的数据。

例如一个注册接口:   '/app/login.do',浏览器打开https://www.uplanok.com访问项目,并请求这个接口的时候,会自动加上前面的域名,即访问的是正确的: ‘https://www.uplanok.com/app/login.do’。

但是将项目打包成app后,由于不能拼接对应的域名,所以请求的是 '/app/login.do',故而显示不出来。

2、直接打包域名

打包的之后,页面入口页填写对应的域名即可,这样做的优点就是简单而不会出现请求不到数据的情况。还有一个优点就是项目体积会很小。

HBuilder把vue项目打包app后请求不到数据问题