vue开发H5问题记录

vue开发H5在安卓低版本中白屏问题解决

解决方案

一、安装npm install --save babel-polyfill
二、 在webpack.config.js文件中，使用

entry: {
   app: ["babel-polyfill", "./src/main.js"]
}

最后还是白屏，然后发现是引入了这个

import VConsole from "vconsole"

注释掉就没问题了。

二、获取通讯录的名称中有一些符号JSON.parse（）报错问题

常见json字符串转对象方法

//第一种
JOSN.pase(str)
// 第二种 （此处使用第二种解决了bug）
eval("(" + val + ")")

参考W3Cschool上的资料了解到：
JavaScript 字符串允许直接输入字符，以及输入字符的转义形式。

但是，JavaScript 规定有5个字符，不能在字符串里面直接使用，只能使用转义形式。

• U+005C：反斜杠（reverse solidus)
• U+000D：回车（carriage return）
• U+2028：行分隔符（line separator）
• U+2029：段分隔符（paragraph separator）
• U+000A：换行符（line feed）
• JSON 格式允许字符串里面直接使用 U+2028（行分隔符）和 U+2029（段分隔符）。这样的话，服务器输出的 JSON 被 JSON.parse 解析，就有可能报错了。

let str = eval("'\u2029'");

JSON 格式已经冻结（RFC 7159），没法修改了。为了消除这个报错，ES2019 允许 JavaScript 字符串直接输入 U+2028（行分隔符）和 U+2029（段分隔符）。

模板字符串现在就允许直接输入这两个字符。另外，正则表达式依然不允许直接输入这两个字符，这是没有问题的，因为 JSON 本来就不允许直接包含正则表达式。

三、H5跳转到line公众号

let lineUrl='https://line.ee/';
window.location.href=lineUrl;