后来项目上线，h5项目是嵌到客户的app里面，客户的app做了404文件的处理，导致在app打开我们的项目，出现报错，但是报错页面也是偶然出现，有点难复现。
由于h5项目也要有微信小程序版本，任务紧，部分的功能使用web-view嵌入h5页面。用小程序打开h5项目时，vconsole-webpack-plugin插件的控制台总是打印没有找到B.js文件。用app去打开h5页面则控制台没有报错。重新将B.js文件放到static目录下，PC调试，控制台还是报Unexpected token '<'的错误。搜了一下说static里面文件引用要用绝对路径。如
发布到测试，再用小程序打开H5页面，发现还是报错，如
将引入方式改成最开始的引入方式，发布后再用小程序打开h5页面，发现报错如下
根据报错信息，发现路径少了static目录，应该是https:/fo****p/static/eruda-1.2.2.min.js。将引入方式改为下图。
发布后，再用微信小程序打开的h5页面发现没有报错了，用PC调试的控制台也没有报错。这路径是我没有细想。是我想当然，相对路径是当前相对引入文件的路径。A.js是项目首页html通过下图方式引入。
而A.js通过下图方式引入B.js文件。
所以script中src的相对路径理应相对的是引入A.js文件的html文件，而不是相对A.js文件，只有A.js被html引入后才有window.document，而且window.document是html内的。对于public建一个eruda目录还是报没有找到，是因为public下的eruda目录的内容并不会在“npm run build”自动加到打完的包里，需要每次打完包后将eruda复制到打完包里或者配置webpack将eruda目录加到包里，而本地调试没有经过打包时可以正确找到B.js文件。我忘记复制eruda目录，webpack也没有配置。不知道为什么发布的项目，在app内通过vconsole-webpack-plugin插件没有看到错误打印信息，而用小程序去打开h5页面vconsole-webpack-plugin插件控制台就会报错。
具体方法如下：1）如果想在分享的文章中固定设置为贵公司的LOGO，可以在每一篇文章的内容中放一个隐藏的LOGO图片，记住，不要使用Display:none的方法设置，只需把img的width和height属性都设置为0即可；
2）如果希望文章有图片时抓取文章图片作为缩略图，内容中没有图片时默认使用公司的LOGO，则可以把隐藏的logo放到文章末尾，自然就能实现这样的效果了。
解决方法：
在网站网页 html 代码中的<body>之后增加<img src="http://www.timsion.com/images/logo.jpg" width="0" height="0" />
注意事项：
1、这个logo.jpg图片尺寸不能太小，在120*100以上就可以了。
2、图片放到了body之后，微信应该会默认取页面中第一种图片。
3、用JPG图片,如果格式是png的，微信朋友圈可能会直接把他忽略了。
4、width和height都设为0，style不能设置为Display:none。
5、把http://www.timsion.com/images/logo.jpg这个地址改成你的图片地址。
通过这样弄，分享到微信朋友圈的网址文章就会显示缩略图，而且是显示文章内容中的第一张图片。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）