鸿蒙Problems:路由导航

鸿蒙 Problems:路由导航

DevEco Studio 版本:DevEco Studio NEXT Developer Preview2
HarmonyOS API 版本:4.1.0(11)

0x01 The named route is not exist.

问题描述

在想要跳转到的 Har 或者 Hsp 子模块的页面(hara 模块的 Index 页面),已经使用 @Entry({ routeName: "hara_index_page" }) 给 Index 页面自定义命名,使用

1
2
3
4
router.pushNamedRoute({
name: "hara_index_page",
params: { data: "Hello World!" },
});

进行跳转,也对 hara 模块进行了依赖。然以执行跳转的时候,还是报了 The named route is not exist.异常。

解决方案

查看文档发现,还需要在配置成功后,手动在跳转的页面中 import 被跳转页面:

1
import("@ohos/hara/src/main/ets/pages/Index"); // 引入共享包中的命名路由页面

0x02 A page configured in ‘main_pages.json’ must have one and only one ‘@Entry’ decorator.

问题描述

main_pages.json文件中申明的 Page 页面,必须有且只有一个@Entry的装饰器。

但是我检查了项目中所有main_pages.json文件配置的 Page 页面都满足要求。然后怎么清除缓存重新安装都没有用。

后来,发现项目是分层+模块化架构,其中一个 har 模块没有配置 main 入口。(一般使用 DevEco Studio 直接创建 har 模块不会有这个问题)

解决方案

在模块的oh-package.json5文件中配置main入口如下:

1
2
3
4
5
6
7
8
9
{
"name": "hara",
"version": "1.0.0",
"description": "Please describe the basic information.",
"main": "Index.ets",
"author": "",
"license": "Apache-2.0",
"dependencies": {}
}

基于ImageKnife库的图片加载框架封装

DevEco Studio 版本:DevEco Studio NEXT Developer Preview2
HarmonyOS API 版本:4.1.0(11)
ImageKnife 版本:"@ohos/imageknife": "3.0.0-rc.0"

基于 ImageKnife 库的图片加载框架封装

  • 显示本地图片
  • 显示网络图片
  • 支持图片圆角
  • 圆形头像和设置边框
  • 支持 SVG,Gif 格式(框架自动支持)
  • 自定义大小缩放和样式填充

关键代码 ImageLoader.ets封装如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
/*
* Copyright (c) 2022 Huawei Device Co., Ltd.
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/

import { ImageKnifeComponent } from '@ohos/imageknife';

export interface ImageOption {
// 必须项
// 主图资源
loadSrc: string | PixelMap | Resource;
width: number;
height: number;

// 可选项
// 占位图
placeholderSrc?: PixelMap | Resource;

// 继承Image的能力,支持option传入objectFit设置图片缩放,
// 大图样式:objectFit为Contain时根据图片自适应高度
// 项目默认:objectFit为Cover时根据Image的容器大小缩放后居中裁剪
objectFit?: ImageFit
// 继承Image的能力,支持option传入border,设置边框,圆角
border?: BorderOptions
// priority? : taskpool.Priority = taskpool.Priority.LOW
//
// context?: common.UIAbilityContext;

customGetImage?: (context: Context, src: string | PixelMap | Resource) => Promise<ArrayBuffer | undefined>;
progressListener?: (progress: number) => void;

}

@Component
export struct ImageView {
option?: ImageOption

build() {
ImageKnifeComponent({
ImageKnifeOption: {
loadSrc: this.option?.loadSrc,
placeholderSrc: this.option?.placeholderSrc,
objectFit: this.option?.objectFit ?? ImageFit.Cover,
border: this.option?.border,
customGetImage: this.option?.customGetImage,
progressListener: this.option?.progressListener,
},
adaptiveWidth: this.option?.width,
adaptiveHeight: this.option?.height,
})
.width(this.option?.width)
.height(this.option?.height)
}
}

使用 Demo

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
import { ImageView } from '@ohos/tool';

const url = 'https://www.openharmony.cn/_nuxt/img/logo.dcf95b3.png'
const url2 = 'https://file.atomgit.com/uploads/user/1704857786989_8994.jpeg' // 642*642

@Entry
@Component
struct ImageTest {
build() {
Scroll() {
Column() {
Text("显示本地图片")
.fontSize(24)
.fontWeight(FontWeight.Bold)
ImageView({
option: {
loadSrc: $r("app.media.gif1"),
width: 100,
height: 100,
}
})
.backgroundColor(Color.Black)
.width(100).height(100).margin(20)

Text("显示网络图片")
.fontSize(24)
.fontWeight(FontWeight.Bold)
ImageView({
option: {
loadSrc: url2,
width: 100,
height: 100,
placeholderSrc: $r("app.media.app_icon"),
}
}).width(100).height(100).margin(20)

Text("图片圆角")
.fontSize(24)
.fontWeight(FontWeight.Bold)
Row() {
ImageView({
option: {
loadSrc: url2,
width: 100,
height: 100,
placeholderSrc: $r("app.media.app_icon"),
border: { radius: 8 }
}
}).width(100).height(100).margin(20)

ImageView({
option: {
loadSrc: url2,
width: 100,
height: 100,
placeholderSrc: $r("app.media.app_icon"),
border: {
radius: {
topLeft: 8,
topRight: 8,
},
},
}
}).width(100).height(100).margin(20)
}

Text("圆形头像和描边效果")
.fontSize(24)
.fontWeight(FontWeight.Bold)
ImageView({
option: {
loadSrc: url2,
width: 100,
height: 100,
placeholderSrc: $r("app.media.app_icon"),
border: {
radius: 50,
width: 2,
color: Color.Green,
style: BorderStyle.Solid
},
}
}).width(100).height(100).margin(20)

Text("自定义大小和填充样式:\n项目默认:ImageFit.Cover\n大图样式:ImageFit.Contain")
.fontSize(24)
.fontWeight(FontWeight.Bold)
Row() {
ImageView({
option: {
loadSrc: $r("app.media.gif1"),
width: 100,
height: 100,
objectFit: ImageFit.Auto
}
}).width(100).height(100).margin(20)
.backgroundColor(Color.Black)

ImageView({
option: {
loadSrc: $r("app.media.gif1"),
width: 100,
height: 100,
objectFit: ImageFit.Contain
}
}).width(100).height(100).margin(20)
.backgroundColor(Color.Black)
}

Row() {
ImageView({
option: {
loadSrc: $r("app.media.gif1"),
width: 100,
height: 100,
objectFit: ImageFit.Cover
}
}).width(100).height(100).margin(20)
.backgroundColor(Color.Black)

ImageView({
option: {
loadSrc: $r("app.media.gif1"),
width: 100,
height: 100,
objectFit: ImageFit.Fill
}
}).width(100).height(100).margin(20)
.backgroundColor(Color.Black)
}

Row() {
ImageView({
option: {
loadSrc: $r("app.media.gif1"),
width: 50,
height: 50,
objectFit: ImageFit.Cover
}
}).width(100).height(100).margin(20)
.backgroundColor(Color.Black)

ImageView({
option: {
loadSrc: $r("app.media.gif1"),
width: 50,
height: 50,
objectFit: ImageFit.Contain
}
}).width(100).height(100).margin(20)
.backgroundColor(Color.Black)
}

}.width('100%')
}.width('100%').height('100%').scrollBar(BarState.Off)
}
}

ArkTS中的typeof与instanceof使用说明

DevEco Studio 版本:DevEco Studio NEXT Developer Preview2
HarmonyOS API 版本:4.1.0(11)

ArkTS 中的 typeof 与 instanceof 使用说明

开发过程中遇到判断一个变量是否是 string 类型,先看下面一处代码:

1
2
3
4
5
6
7
let url: string | PixelMap | Resource | undefined = "xxx.xxx";
if ("string" == typeof url) {
// this is true.
}
if (url instanceof String) {
// this is false.
}

0x01 typeof

typeof 操作符用于检测基本数据类型(如:string, number, boolean, undefined, function, object 等),返回一个表示未定义变量类型的字符串。对于函数对象,它将返回“function”。对于 object 对象的具体类型(如 Array, Date 等)则无法判断。例如,对于数组,typeof 会返回“object”,无法区分是数组还是其他对象。需要注意的是,typeof对 null 返回的是“object”。

0x02 instanceof

instanceof操作符主要用于检测对象是否由特定的构造函数创建,因此可以用来判断对象的具体类型。例如,如果你有一个 Array 对象,你可以使用 instanceof 来检测它是否是一个数组:let arr = []; console.log(arr instanceof Array); // 输出:true。 instanceof 有一个限制,它只能用于对象,不能用于基本数据类型,而且它要求对象是通过构造函数创建的。对于不是通过构造函数创建的对象,instanceof 将返回 false。

0x03 总结

typeof 操作符用于检测基本数据类型,instanceof操作符用来判断 object 对象的具体类型。

相关文章

https://developer.baidu.com/article/detail.html?id=3318356

基于mmkv的Constant封装

DevEco Studio 版本:DevEco Studio NEXT Developer Preview2
HarmonyOS API 版本:4.1.0(11)
mmkv 版本:"@tencent/mmkv": "1.3.5"

基于 mmkv 的 Constant 封装

全局变量,支持 KV 直接保存到手机物理存储,使用超方便。

关键代码 Constant.ets封装如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
/*
* Copyright (c) 2022 Huawei Device Co., Ltd.
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/

import { MMKV } from "@tencent/mmkv";

export default class Constant {
private static TAG = "Constant";
/**
* time millis distance between server time and local time.
*
* offsetTime = ${local.getTime() - server.getTime()}
*/
public static offsetTime: number = 0;
/**
* session id
*
* record local from server response session id.
*/
private static SESSION_ID = "SESSION_ID";

public static get st(): string {
return MMKV.defaultMMKV().decodeString(Constant.SESSION_ID) ?? "";
}

public static set st(value: string) {
if (value != null)
MMKV.defaultMMKV().encodeString(Constant.SESSION_ID, value);
}
}

基于axios和Promise的网络框架封装

DevEco Studio 版本:DevEco Studio NEXT Developer Preview2
HarmonyOS API 版本:4.1.0(11)
axios 版本:"@ohos/axios": "^2.2.0"

基于 axios 和 Promise 的网络框架封装

  • Get Post 方式支持
  • http 其他请求方式(method)支持
  • 接口 url 参数封装 和 全局的 baseUrl 设置
  • 超时时间设置
  • 全局 Headers,接口自定义 Headers 和 请求 headers 拦截器封装和实现
  • 请求 params 参数和 data 数据支持
  • post 支持 x-www-form-urlencoded 数据格式
  • 请求结果 Json 数据解析(框架已自动解析)
  • 请求结果流程控制,Promise 封装
  • 请求结果 header 数据解析,服务器时间戳和 session

关键代码 HttpUtil.ets封装如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
/*
* Copyright (c) 2022 Huawei Device Co., Ltd.
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/

import axios, { AxiosError, AxiosRequestConfig, AxiosResponse, InternalAxiosRequestConfig, Method } from '@ohos/axios';

import ResponseResult from './ResponseResult';
import logger from '../util/Logger';
import { systemDateTime } from '@kit.BasicServicesKit';
import { HashMap } from '@kit.ArkTS';
import Constant from '../common/Constant';

const TAG: string = "HttpUtil"

const timeout = 20000 // 20s超时
const baseUrl = 'https://xxx.xxx.com'

export function httpDefaultSetting() {

// default settings
axios.defaults.baseURL = baseUrl;
axios.defaults.timeout = timeout;

// default headers
axios.defaults.headers.common['Client-Type'] = 'xxx';
axios.defaults.headers.common['Client-Version'] = '1.0.4';
axios.defaults.headers.common['Os'] = 'hmos';
axios.defaults.headers.common['Token'] = 'xxx';

// for post
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded'

// 添加请求拦截器
axios.interceptors.request.use((config: InternalAxiosRequestConfig) => {
return transRequest(config);
}, (error: AxiosError) => {
return Promise.reject(error);
});

// 添加响应拦截器
axios.interceptors.response.use((response: AxiosResponse) => {
return transResponse(response);
}, (error: AxiosError) => {
return Promise.reject(error);
});
}

/**
* 请在这里处理请求体的拦截器操作逻辑
*
*/
function transRequest(config: InternalAxiosRequestConfig): InternalAxiosRequestConfig {
try {
let millis = systemDateTime.getTime();
config.headers['t'] = millis - Constant.offsetTime; // 同步时间

// 增加验签逻辑
// 验签可以仅在需要的请求中增加验签,通过增加特定的header属性来区分
} finally {
return config;
}
}

/**
* 请在这里处理请求结果的拦截器操作逻辑
*
*/
function transResponse(response: AxiosResponse): AxiosResponse {
try {
let millis = systemDateTime.getTime();
if (lt != 0 && millis - lt < 60000) return response; // 可选,性能优化 1分钟内避免重复处理
lt = millis
let headers: HashMap<string, ESObject> = JSON.parse(JSON.stringify(response.headers));
let t: number = headers['servertimestamp'];
Constant.offsetTime = millis - t;
return response;
} catch (e) {
console.error(e)
return response;
}
}

let lt = 0

/**
* Initiates an HTTP request to a given URL.
*
* @param url URL for initiating an HTTP request.
* @param params Params for initiating an HTTP request.
*/
export function httpGet<D>(url: string, params?: ESObject, headers?: ESObject): Promise<D> {
logger.debug(TAG, "httpGet: ");
return new Promise<D>((resolve: Function, reject: Function) => {
let startTime = systemDateTime.getTime()
axios.get<ResponseResult, AxiosResponse<ResponseResult>, null>(url, {

headers: headers,

// 指定请求超时的毫秒数(0 表示无超时时间)
timeout: timeout, // 超时

// `connectTimeout` 指定请求连接服务器超时的毫秒数(0 表示无超时时间)
// 如果请求连接服务器超过 `connectTimeout` 的时间,请求将被中断
// connectTimeout: 60000, // 文档和代码不一致,代码中无法设置连接超时时间

params: params,
})
.then((response: AxiosResponse<ResponseResult>) => {
let duration = (systemDateTime.getTime() - startTime).toString()
logger.debug(TAG, "httpGet: Success. duration=" + duration);
logger.debug(TAG, "--------------------------------------");
logger.debug(TAG, "config=" + JSON.stringify(response.config));
logger.debug(TAG, "status=" + response.status);
// logger.debug(TAG, "statusText=" + response.statusText); // always empty??
logger.debug(TAG, "headers=" + JSON.stringify(response.headers));
logger.debug(TAG, "data=" + JSON.stringify(response.data));
logger.debug(TAG, "--------------------------------------");
if (isSuccess(response)) {
if (isResultSuccess(response.data)) {
resolve(response.data.data);
} else {
const e: Error = { name: `${response.data.code}`, message: `${response.data.msg}` }
reject(e);
}
} else {
const e: Error = { name: `${response.status}`, message: `${response.statusText}` }
reject(e);
}
})
.catch((reason: AxiosError) => {
logger.error(TAG, JSON.stringify(reason));
reject(reason)
})
});
}


function getRequestFormData(data?: ESObject): string | undefined {
if (data == undefined) return undefined;
let sb = new StringBuilder();
Object.keys(data).forEach((key: string) => {
sb.append(`${encodeURIComponent(key)}=${encodeURIComponent(data[key])}`)
})
const formData = sb.build('&');
logger.debug(TAG, "getRequestFormData: formData=" + formData);
return formData;
}

function buildPostRequestHeader(isFormUrlencoded: boolean, headers?: Record<ESObject, ESObject>): Record<ESObject, ESObject> {
if (headers != null) {
headers['Content-Type'] = isFormUrlencoded ? 'application/x-www-form-urlencoded' : 'application/json'
return headers
}
return {
'Content-Type': isFormUrlencoded ? 'application/x-www-form-urlencoded' : 'application/json',
}
}

/**
* Initiates an HTTP request to a given URL.
*
* @param url URL for initiating an HTTP request.
* @param params Params for initiating an HTTP request.
*/
// o: { [s: string]: ESObject }
export function httpPost<D>(url: string, isFormUrlencoded: boolean = true, data?: ESObject, params?: ESObject, headers?: ESObject): Promise<D> {
// logger.debug(TAG, "httpPost: ");
return new Promise<D>((resolve: Function, reject: Function) => {
let startTime = systemDateTime.getTime()


axios.post(url, isFormUrlencoded ? getRequestFormData(data) : data, {
headers: buildPostRequestHeader(isFormUrlencoded, headers),

// 指定请求超时的毫秒数(0 表示无超时时间)
timeout: timeout, // 超时

// `connectTimeout` 指定请求连接服务器超时的毫秒数(0 表示无超时时间)
// 如果请求连接服务器超过 `connectTimeout` 的时间,请求将被中断
// connectTimeout: 60000, // 文档和代码不一致,代码中无法设置连接超时时间

params: params,
})
.then((response: AxiosResponse<ResponseResult>) => {
let duration = (systemDateTime.getTime() - startTime).toString()
logger.debug(TAG, "httpPost: Success. duration=" + duration);
logger.debug(TAG, "--------------------------------------");
logger.debug(TAG, "config=" + JSON.stringify(response.config));
logger.debug(TAG, "status=" + response.status);
// logger.debug(TAG, "statusText=" + response.statusText); // always empty??
logger.debug(TAG, "headers=" + JSON.stringify(response.headers));
logger.debug(TAG, "data=" + JSON.stringify(response.data));
logger.debug(TAG, "--------------------------------------");
if (isSuccess(response)) {
if (isResultSuccess(response.data)) {
resolve(response.data.data);
} else {
const e: Error = { name: `${response.data.code}`, message: `${response.data.msg}` }
reject(e);
}
} else {
const e: Error = { name: `${response.status}`, message: `${response.statusText}` }
reject(e);
}
})
.catch((reason: AxiosError) => {
logger.error(TAG, JSON.stringify(reason));
reject(reason)
})
});
}

/**
* Initiates an HTTP request to a given URL.
*
* @param url URL for initiating an HTTP request.
* @param params Params for initiating an HTTP request.
*/
export function httpRequest<D>(url: string, method?: Method | string, data?: D, config?: AxiosRequestConfig<D>): Promise<ResponseResult> {
// logger.debug(TAG, "httpRequest: ");
return new Promise<ResponseResult>((resolve: Function, reject: Function) => {
let startTime = systemDateTime.getTime()
axios.request<ResponseResult, AxiosResponse<ResponseResult>, D>({
url: url,
method: method,
baseURL: baseUrl,
headers: config?.headers,

// 指定请求超时的毫秒数(0 表示无超时时间)
timeout: timeout, // 超时

// `connectTimeout` 指定请求连接服务器超时的毫秒数(0 表示无超时时间)
// 如果请求连接服务器超过 `connectTimeout` 的时间,请求将被中断
// connectTimeout: 60000, // 文档和代码不一致,代码中无法设置连接超时时间

params: config?.params,
data: data ?? config?.data
})
.then((response: AxiosResponse<ResponseResult>) => {
let duration = (systemDateTime.getTime() - startTime).toString()
logger.debug(TAG, "httpRequest: Success. duration=" + duration);
logger.debug(TAG, "--------------------------------------");
logger.debug(TAG, "config=" + JSON.stringify(response.config));
logger.debug(TAG, "status=" + response.status);
// logger.debug(TAG, "statusText=" + response.statusText); // always empty??
logger.debug(TAG, "headers=" + JSON.stringify(response.headers));
logger.debug(TAG, "data=" + JSON.stringify(response.data));
logger.debug(TAG, "--------------------------------------");
if (isSuccess(response)) {
if (isResultSuccess(response.data)) {
resolve(response.data.data);
} else {
const e: Error = { name: `${response.data.code}`, message: `${response.data.msg}` }
reject(e);
}
} else {
const e: Error = { name: `${response.status}`, message: `${response.statusText}` }
reject(e);
}
})
.catch((reason: AxiosError) => {
logger.error(TAG, JSON.stringify(reason));
reject(reason)
})
});
}

function isSuccess(response: AxiosResponse): boolean {
return response.status >= 200 && response.status < 300
}

function isResultSuccess(result: ResponseResult): boolean {
return result.code == 0
}

鸿蒙Next开启Wifi代理遇到的坑

鸿蒙 Next 开启 Wifi 代理遇到的坑

郑重申明:仅记录鸿蒙系统开发版挂代理遇到的坑

手机:华为 Mate60
OS 版本:HarmonyOS NEXT Developer Preview2

0x01 鸿蒙手机设置中没有安装证书入口

开发过程中需要挂 charles 代理,然后需要安装证书,但是设置中没有安装证书的入口。可以通过 hdc 命令打开隐藏的证书安装应用。

1
hdc shell aa start -a MainAbility -b com.ohos.certmanager

0x02 wifi 开启代理后,应用并没有走设置的代理

设置代理之后,关闭手机 wifi,然后重新打开 wifi,再启动应用就好了。

Your browser is out-of-date!

Update your browser to view this website correctly.&npsb;Update my browser now

×