vue简记，部署相关，企业微信内部应用开发（vue）

通过getComputedStyle获取标签渲染后样式：

let my_div = document.getElementById("myDiv");
let style = window.getComputedStyle(my_div, null);

部署nginx服务器时，局域网访问需打开nginx的防火墙；

部署tomcat服务器时，注意在项目根目录（即有index.html的文件夹内）添加WEB-INF文件夹，创建web.xml文件：

     Router for Tomcat
     
        404
        /index.html
    

为了保证vue-cli 在history模式下刷新后404错误，对应的vue项目也需要自己在路由添加404页面，防止空白页出现，
部署tomcat服务器需要添加vue.config.js文件设置路径

process.env.NODE_ENV==='production'  (打包环境)
process.env.NODE_ENV==='development' (开发环境)
  publicPath: process.env.NODE_ENV === "production" ? "/dist/" : "/",

保证内容路径正确

企业微信授权

构造网页授权链接,放在点击进入应用的入口
如果企业需要在打开的网页里面携带用户的身份信息，第一步需要构造如下的链接来获取code参数：

https://open.weixin.qq.com/connect/oauth2/authorize?appid=CORPID
&redirect_uri=REDIRECT_URI&response_type=code&scope=snsapi_base&state=STATE#wechat_redirect

参数          必须       说明
appid                   是   企业的CorpID
redirect_uri            是   授权后重定向的回调链接地址，请使用urlencode对链接进行处理
response_type   是   返回类型，此时固定为：code
scope           是   应用授权作用域。企业自建应用固定填写：snsapi_base
state           否   重定向后会带上state参数，企业可以填写a-zA-Z0-9的参数值，长度不可超过128个字节
`#wechat_redirect   是   终端使用此参数判断是否需要带上身份信息`

员工点击后，页面将跳转至 redirect_uri?code=CODE&state=STATE，企业可根据code参数获得员工的userid。code长度最大为512字节。

获取返回的code，
获取access_token：
https://qyapi.weixin.qq.com/cgi-bin/gettoken?corpid=ID&corpsecret=SECRET
根据唯一的corpid和应用对应的corpsecret获取access_token：

{
   "errcode": 0,//出错返回码
   "errmsg": "ok",//返回码提示语
   "access_token": "accesstoken000001",//获取到的凭证，最长为512字节
   "expires_in": 7200//凭证的有效时间（秒）
}

获取访问用户身份
该接口用于根据code获取成员信息

请求方式：GET（HTTPS）
请求地址：https://qyapi.weixin.qq.com/cgi-bin/user/getuserinfo?access_token=ACCESS_TOKEN&code=CODE
参数说明：

参数 必须 说明
access_token 必须 调用接口凭证
code 必须 通过成员授权获取到的code，最大为512字节。每次成员授权带上的code将不一样，code只能使用一次，5分钟未被使用自动过期。
权限说明：
跳转的域名须完全匹配access_token对应应用的可信域名，否则会返回50001错误。
返回结果：
a) 当用户为企业成员时返回示例如下：

{
   "errcode": 0, //错误码
   "errmsg": "ok", //信息
   "UserId":"USERID", //用户ID
   "DeviceId":"DEVICEID" //手机设备号
}