vue 本地开发时使用localhost与ip访问

Posted 2021-01-08 alantao

修改config文件夹下面的index.js配置，将localhost改为0.0.0.0就可以了。用ip，127.0.0.1，localhost均行

host: ‘0.0.0.0‘, // can be overwritten by process.env.HOST

 

问题： 使用本地ip时访问发现登陆不上，使用localhost反而可以，后查明是cookit存入时存入是domain限制了，用内网ip如192.168.88.34:8080存不了cookei

// 创建  获取  删除cookie
export default {
  install (Vue) {
    Vue.prototype._COOKIE = {
      // 创建cookie
      setCookie (name, value, times) {
        times = times || 36500
        var exp = new Date()
        exp.setTime(exp.getTime() + times * 24 * 60 * 60 * 1000)
        let domain = ‘.‘ + location.host.split(‘.‘)[1] + ‘.‘ + location.host.split(‘.‘)[2]
        if (location.host.split(‘.‘)[2]) {
          document.cookie = name + ‘=‘ + escape(value) + ‘;expires=‘ + exp.toGMTString() + ‘;domain=‘ + domain + ‘;path=/‘
　　　　　　// 不加domain使用内网ip才可能存上
          // document.cookie = name + ‘=‘ + escape(value) + ‘;expires=‘ + exp.toGMTString() + ‘;path=/‘
        } else {
          document.cookie = name + ‘=‘ + escape(value) + ‘;expires=‘ + exp.toGMTString() + ‘;path=/‘
        }
      },
      // 获取cookie
      getCookie (name) {
        let arrd = null
        let reg = new RegExp(‘(^| )‘ + name + ‘=([^;]*)(;|$)‘)
        if (document.cookie.match(reg)) {
          arrd = document.cookie.match(reg)
          return unescape(arrd[2])
        } else {
          return null
        }
      },
      // 删除cookie
      removeCookie (name) {
        let domain = ‘.‘ + location.host.split(‘.‘)[1] + ‘.‘ + location.host.split(‘.‘)[2]
        if (location.host.split(‘.‘)[2]) {
          document.cookie = name + ‘="";expires=Thu, 01 Jan 1970 00:00:01 GMT;domain=‘ + domain + ‘;path=/‘
        } else {
          document.cookie = name + ‘="";expires=Thu, 01 Jan 1970 00:00:01 GMT;path=/‘
          // document.cookie = name + ‘=‘ + escape(value) + ‘;expires=‘ + exp.toGMTString() + ‘;path=/‘
        }
      }
    }
  }
}