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文件：

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee" 
        xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
        xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee
        http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"
        version="3.1" metadata-complete="true">
     <display-name>Router for Tomcat</display-name>
     <error-page>
        <error-code>404</error-code>
        <location>/index.html</location>
    </error-page>
</web-app>

为了保证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" //手机设备号
}