前端html引入线上的JSAPI后报错_华为云WeLink论坛_华为云论坛

建议使用以下浏览器，以获得最佳体验。 IE 9.0+以上版本 Chrome 31+ 谷歌浏览器 Firefox 30+ 火狐浏览器

请选择进入手机版 | 继续访问电脑版

设置昵称

在此一键设置昵称，即可参与社区互动！

*长度不超过10个汉字或20个英文字符，设置后3个月内不可修改。

确定

我再想想

✖

选择版块

确定取消

✖

云社区论坛全部版块华为云WeLink论坛帖子详情

返回列表上一篇下一篇

总条数：9 1

回复主题发表主题

标签

您还可以添加5个标签

没有搜索到和“关键字”相关的标签

云产品
解决方案
技术领域
通用技术
平台功能

在南方逍遥

发帖: 11粉丝: 0

发消息 + 关注

发表于2021年01月14日 13:38:06 阅读90 回复9

直达本楼层的链接

楼主显示全部楼层

[问题求助] 前端html引入线上的JSAPI后报错

我有一个springboot项目，启动后返回一个index.html页面

@RequestMapping("/")
public ModelAndView hello(){
    return new ModelAndView("index.html");
}

index.html页面引入线上JSAPI

<!doctype html>
<html>

<head>
    <meta charset="utf-8" />
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" />
    <meta name="description" content="" />

    <!-- 直接引用官方提供的hwh5-cloudonline.js，也可根据自己需要新建一个本地文件来引用-->
    <script src="https://open-doc.welink.huaweicloud.com/docs/jsapi/2.0.6/hwh5-cloudonline.js"></script>

</head>

<body>
    <div class="page">
        <div class="page__bd">
            <h1>Hello World!</h1>
        </div>
    </div>

</body>


</html>

在电脑浏览器调试，控制台会报错

分享文章到朋友圈

分享文章到微博

复制链接到剪贴板

华为小钟发帖: 0粉丝: 0 发消息 + 关注	发表于2021年01月14日 14:18:00 直达本楼层的链接沙发显示全部楼层将 `<script` `src="https://open-doc.welink.huaweicloud.com/docs/jsapi/2.0.6/hwh5-cloudonline.js\></script>` 放入body中试试
	点赞评论引用举报

在南方逍遥

发帖: 11粉丝: 0

发消息 + 关注

发表于2021年01月14日 15:04:11

直达本楼层的链接

板凳显示全部楼层

回复：华为小钟发表于 2021-1-14 14:18 将&lt;scriptsrc=&quot;https://open-doc.welink.huaweicloud.com/docs/jsapi/2.

报错相同

<!doctype html>
<html>

<head>
    <meta charset="utf-8" />
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" />
    <meta name="description" content="" />
</head>

<body>
<!-- 直接引用官方提供的hwh5-cloudonline.js，也可根据自己需要新建一个本地文件来引用-->
<script src="https://open-doc.welink.huaweicloud.com/docs/jsapi/2.0.6/hwh5-cloudonline.js"></script>

<div class="page">
    <div class="page__bd">
        <h1>Hello World!</h1>
    </div>
</div>
</body>

</html>

点赞评论引用举报

华为小钟发帖: 0粉丝: 0 发消息 + 关注	发表于2021年01月14日 16:38:51 直达本楼层的链接地板显示全部楼层稍等
	点赞评论引用举报

华为小钟发帖: 0粉丝: 0 发消息 + 关注	发表于2021年01月14日 16:46:08 直达本楼层的链接 5^# 显示全部楼层 index.html是否是全部代码呢，如果是的话，将引入JS注销一下看下是否还会报相同异常
	点赞评论引用举报

在南方逍遥

发帖: 11粉丝: 0

发消息 + 关注

发表于2021年01月14日 17:03:29

直达本楼层的链接

6^# 显示全部楼层

回复：华为小钟发表于 2021-1-14 16:46 index.html是否是全部代码呢，如果是的话，将引入JS注销一下看下是否还会报相同异常

index.html已是全部代码

<!doctype html>
<html>

<head>
    <meta charset="utf-8" />
    <title></title>
</head>

<body>
<!-- 直接引用官方提供的hwh5-cloudonline.js，也可根据自己需要新建一个本地文件来引用-->
<!--<script src="https://open-doc.welink.huaweicloud.com/docs/jsapi/2.0.6/hwh5-cloudonline.js"></script>-->

<div class="page">
    <div class="page__bd">
        <h1>Hello World!</h1>
    </div>
</div>
</body>

</html>

注释引入后不报错

点赞评论引用举报

在南方逍遥发帖: 11粉丝: 0 发消息 + 关注	发表于2021年01月14日 17:06:55 直达本楼层的链接 7^# 显示全部楼层如果前端不能引入JSAPI的能力，那就不能用 HWH5.getAuthCode().then(data => { console.log(data); }).catch(error => { console.log('获取异常', error); }); 的方法在前端获取code再提交给后端了。
	点赞评论引用举报

华为小钟发帖: 0粉丝: 0 发消息 + 关注	发表于2021年01月14日 17:22:25 直达本楼层的链接 8^# 显示全部楼层已经安排研发同事排查，稍后同步给您哈
	点赞评论引用举报

华为小钟发帖: 0粉丝: 0 发消息 + 关注	发表于2021年01月14日 17:30:23 直达本楼层的链接 9^# 显示全部楼层您好。可以引入后忽略该错误，进行接口调用试一下吗？目前看这个报错好像不影响正常使用
	点赞评论引用举报

在南方逍遥

发帖: 11粉丝: 0

发消息 + 关注

更新于2021年01月14日 17:56:25

直达本楼层的链接

10^# 显示全部楼层

回复：华为小钟发表于 2021-1-14 17:30您好。可以引入后忽略该错误，进行接口调用试一下吗？目前看这个报错好像不影响正常使用

但是在html中试了HWH5.getAuthCode()没有效果。

<!doctype html>
<html>

<head>
    <meta charset="utf-8" />
    <title></title>
</head>

<body>
<!-- 直接引用官方提供的hwh5-cloudonline.js，也可根据自己需要新建一个本地文件来引用-->
<script src="https://open-doc.welink.huaweicloud.com/docs/jsapi/2.0.6/hwh5-cloudonline.js"></script>

<div class="page">
    <div class="page__bd">
        <h1>Hello World!</h1>
    </div>
</div>

<script>
    function testGetCode() {
        console.log("begin testGetCode");
        HWH5.getAuthCode().then(data => {
            console.log(data);
        }).catch(error => {
            console.log('获取异常', error);
        });
        console.log("end testGetCode");
    }
    testGetCode();
</script>

</body>

</html>

效果如图

评论

党代表 6 天前评论

我们welink提供的前端接口，必须基于welink里面访问，或者we码开发者工具里面调用才有效，直接通过自己浏览器里面看是调用不了的，建议通过welink访问这页面地址试下

... 查看全部

点赞评论引用举报

返回列表上一篇下一篇

总条数：9 1