记录 vue项目打包放入 hbuilder 做app真机测试时 无法请求后台服务接口「建议收藏」

记录 vue项目打包放入 hbuilder 做app真机测试时 无法请求后台服务接口「建议收藏」1.因为发布app时vue开发模式下配置的跨域是无效的,打包后会找不到接口例如下面是之前的错误版:'/propertyCmsAPI':{target:'http://192.168.1.111:9001/',changeOrigin:true,pathRewrite:{'^/propertyCms...

 

1.因为发布app时 vue开发模式下配置的跨域是无效的,打包后会找不到接口

例如下面是之前的错误版

'/propertyCmsAPI': {
        target: 'http://192.168.1.111:9001/',
        changeOrigin: true,
        pathRewrite: {
          '^/propertyCmsAPI':''
        }
      },
只听到从架构师办公室传来架构君的声音:
须臾之间,美貌横生:晔兮如华,温乎如莹。有谁来对上联或下联?

在使用时:

此代码由Java架构师必看网-架构君整理
export const logout = params =>{return axios.post(`/propertyCmsAPI/notIntercept/logout`,params)};

这种方法在网页端打包是没有问题的,只需要在nginx 里配置下跨域就可以访问。但是在做app时这样是访问不到数据的,因为不存在跨域的说法,打包成app后实际访问的路径就是 /propertyCmsAPI/notIntercept/logout ,这样会找不到接口,要采用绝对路径的方式,例如:http://192.168.1.111:9001/notIntercept/logout,这样才能访问,不管你怎样配置管理你的请求api,这个是必须得,

下面是我更改后的做法正确版,完全适用:

let propertyCmsAPI = "http://112.74.126.167:9001";//打包APP时使用
// let propertyCmsAPI = "propertyCmsAPI";

分为开发模式和打包模式,然后统一管理所有请求api:

记录 vue项目打包放入 hbuilder 做app真机测试时 无法请求后台服务接口「建议收藏」

 

其他应该还有更好的方法,懒得研究了,目的已达到,效果已实现即可。

这一切弄好了之后就是打包,然后放入Hbuilder 编辑器进行联机测试,

2.联机测试:

安卓机,真香

1.只需要把你的手机通过USB连接电脑,2.打开手机的开发者模式,3.选择USB可以传输文件,4.打开USB调式模式,5.确认电脑可以访问该手机。

只要在hbuilder 运行里 找到你的手机点击运行就可以,会在手机安装测试app,接下来就可以测试了,很给力

苹果狗,真臭

手机电脑连接苹果手机要什么鬼itues ,老子光是安装这个玩意都整了一个小时才让电脑连上手机,这个先不提

在hbuilder运行里找到iPhone点击运行后,会安装测试app,然后你要在 设置-通用里管理这个app,要选择信任才行,否则你是打不开你的测试app的

打开app后最最操蛋的事情是他丫的居然访问不了接口,控制台打印拦截器的请求信息,响应信息,发现点击请求后直接就进入catch了,根本不执行请求,错误提示就一个newwork error ,就这一个问题,整了一下午

各种搜索,百度,包括hbuilder官网给出的解决问题的方法,在原vue项目中又是引入qs ,又是引入es6-primse,然并卵

最后的最后在项目的manife.json配置中添加了一个配置:在plus的下面

此代码由Java架构师必看网-架构君整理
"kernel":{ "ios":"UIWebview" },

不是专业app开发,表示不懂,问题解决,记录下日志

 

如果帮助到了你请点赞,谢谢

 

 

 

 

 

本文来源Javacssjsp,由架构君转载发布,观点不代表Java架构师必看的立场,转载请标明来源出处:https://javajgs.com/archives/165891
0
 

发表评论