0%

使用pkg这个npm工具打包

  1. 安装npm i -g pkg
  2. 配置
    1
    2
    3
    4
    5
    6
    7
    {
    "bin":"main.js",
    "pkg":{
    "target":"",
    "outputPath":""
    }
    }
  3. 执行 执行的时候可能会报错,因为要从GitHub下载一些依赖,需要能连上github才行

无法从github下载解决方案

  1. 从pkg-fetch仓库的release文件中找到自己要打包的target编译版本,例如node-v14.4.0-win-x64,下载后修改名字,修改成fetched-v14.4.0-win-x64
  2. 将下载的文件放到~/.pkg-cache/v3.0目录下,如果目录中有 .downloading的文件记得删除掉

deno可以直接打包成exe,有兴趣的尝试下

打开新页签的时候自动打开devtools

--auto-open-devtools-for-tabs

去除安全井盖,打开没有证书的https页面的时候就不会有告警

--ignore-certificate-errors

关闭安全验证,同源策略会被关闭,方便口语调试,新版本的chrome后面的用户目录也是必须设置的

--disable-web-securty --user-data-dir=C:\chromeData

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
/**
* base64格式图片转二进制文件
* @param {string} base64str
* @returns
*/
function base64ToFile(base64str) {
let mimeType=base64str.match(/:(.*?);/)[1];
let base64=base64str.slice(base64str.indexOf(';')+1)
let bstr=atob(base64),
n=bstr.length,
u8Arr=new Uint8Array(n);
while(n--){
u8Arr[n]=bstr.charCodeAt(n);
}
const file=new Blob([u8Arr],{type:mimeType})
return file
}

假如有如下请求js的路径,怎么在some.js中获取这个参数?
base_url/path/to/some.js?username=bob

1
let url=new Error().stack.match(/at\s(.*)\s/)[1];

通过错误对象的堆栈信息,拿到报错的URL。我是真的佩服这个大神的脑洞。

yet-another-rest-client 用于restful接口测试

xswitch 用于拦截浏览器发送出去的请求(跨域的也能处理),可以把生产环境的请求拦截到本地用于调试,非常好用

json-handle 美化JSON显示

让同事可以访问本地服务

devServer.host配置成 0.0.0.0或者是本机的IP,host默认值是localhost,只能自己访问

登录的问题

访问接口需要鉴权,通过IP访问的话 huawei.com 的cookie不能携带,导致要求登录。我们可以修改本机的DNS解析C:\Windows\System32\drivers\etc,将127.0.0.1解析到 localhost.huawei.com 。然后通过localhost.huawei.com去访问本地调试地址。

Invalid Host Header

如果页面出现这个报错,需要修改webpack配置 devServer.disableHostChecktrue

cmd ipconfig可以查看自己的ip