h5应用 vue 钉钉_钉钉-企业内部应用-H5微应用开发记录

记录一次企业内部应用-H5微应用开发

vue-cli3

vue-2.x

创建微应用并成为开发者

登录钉钉开放平台,创建过程可见官方文档：创建应用

内网穿透

./ding -config=./ding.cfg -subdomain=fanlinqiang 8081

浏览器访问：http://fanlinqiang.vaiwan.com/，能正常访问工程页面则表示穿透代理成功，

此时若已授权dd客户端用户，配置开发平台内配置H5微应用基础信息:应用首页地址\PC端首页地址为http://fanlinqiang.vaiwan.com/

在本机打开dd客户端访问：工作=》对应的微应用，页面也是正常打开

遇到的问题

vue-cli搭建的环境，访问时显示：Invalid Host header

解决方案见：https://blog.csdn.net/Cookysurongbin/article/details/86077241

原因：因为新版的webpack-dev-server出于安全考虑，默认检查hostname，如果hostname不是配置内的就不能访问。

即在vue.config.js下：

...

devServer: {

disableHostCheck: true, // 增加

...

在pc端浏览器直接调试页面时

index.js?022d:1 Uncaught (in promise) Error: Do not su