建议使用以下浏览器,以获得最佳体验。 IE 9.0+以上版本 Chrome 31+ 谷歌浏览器 Firefox 30+ 火狐浏览器
请选择 进入手机版 | 继续访问电脑版
设置昵称

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

确定
我再想想
选择版块
标签
您还可以添加5个标签
  • 没有搜索到和“关键字”相关的标签
  • 云产品
  • 解决方案
  • 技术领域
  • 通用技术
  • 平台功能
取消

在南方逍遥

发帖: 11粉丝: 0

发消息 + 关注

发表于2021年01月14日 13:38:06 88 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>

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

image.png


举报
分享

分享文章到朋友圈

分享文章到微博

华为小钟

发帖: 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 将&amp;lt;scriptsrc=&amp;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>

注释引入后不报错

image.png

点赞 评论 引用 举报

在南方逍遥

发帖: 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>



效果如图


image.png

评论
党代表 6 天前 评论

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

... 查看全部
点赞 评论 引用 举报

游客

富文本
Markdown
您需要登录后才可以回帖 登录 | 立即注册