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

修改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=/‘
        }
      }
    }
  }
}

  

原文地址:https://www.cnblogs.com/alantao/p/9698235.html

时间: 2024-08-02 04:50:23

vue 本地开发时使用localhost与ip访问的相关文章

vue本地开发mock数据.md

目录 一.为什么要mock数据? 二.如何mock数据? 三.webpack本地代理配置 四.mockjs使用 五.easymock使用 一.为什么要mock数据? VUE项目开发过程中,前后端是完全分离,后端负责提供数据,前端负责数据展示,因此就会存在这种情况:前端需要用到数据接口的时候,后端还没开发出来,此时前端就要挂起吗?当然不是了,我们要解决的就是如何给前端模拟数据?从而实现前后端完全独立开发. 二.如何mock数据? 在团队协作过程中,在人员角色分工明确的情况下,我们可以先根据产品功能

为什么本地开发时使用CURL请求本地URL会卡死

^_^是在WIN下开发.配置是nignxphp mysql 默认时启动phpcgi是 D:\php \php-cgi.exe-b 127.0.0.1:9000 -c D:\phpfind\phpa\php.ini 先看NGINX配置        location ~ \.php(.*)$  {            fastcgi_pass   127.0.0.1:9000;            fastcgi_index  index.php;            fastcgi_spl

本地开发时同时启动多个tomcat服务器

1.环境变量中不要设置CATALINA_HOME: 2.分别修改安装目录下的conf子目录中的server.xml文件: a.修改http访问端口(默认为 8080端口),将8080修改为tomcat不在使用的端口号.此处所设的端口号即是以后访问web时所用的端口号. b.修改Shutdown端口(默认为8005端口),将8005修改为没有在使用的端口号,例如8055. c.修改8009端口,将8009修改为没有在使用的端口号,例如8099(注意:两个文件中对应的端口号要不一样) 3.依次启动两

用vue构建项目同一局域网下通过ip访问

在webpack配置文件下改为 host:'0.0.0.0' 改为后启动跳转不到登录页面 需手动修改浏览器上的0.0.0.0:8080为自己ip加上:8080 就可以在别的电脑上进行访问了 举一反三: 严格说来,0.0.0.0已经不是一个真正意义上的IP地址了.它表示的是这样一个集合:所有不清楚的主机和目的网络.这里的"不清楚"是指在本机的路由 表里没有特定条目指明如何到达.对本机来说,它就是一个"收容所",所有不认识的"三无"人员,一 律送进去

tomcat发布项目时,localhost可以访问,用ip地址不能访问,同时其他电脑也不能访问。

最近在开发项目中,遇到的一个问题是:在 tomcat中发布一个web项目,但是发布成功后,只能用http://localhost:8080/aml访问项目,不能用http://172.0.0.1:8080/aml访问项目,也不能用本地的IP地址访问,同时其他同事的电脑也不能访问. 起初以为是防火墙的问题,但是关闭防火墙后,依旧是不能访问.同时,关闭不允许远程访问也不可以.后来在查看资料的时候知道,tomcat绑定IP地址的问题,而win7默认使用的是ipv6协议,通过ping localhost

连接oracle时localhost可以ip地址不可以

在本机安装了oracle,使用sqlplus和plsqldev连接的时候,tnsname.ora中host写的是localhost,此时连接oracle都没有任何问题,但是外机连接本机,和tnsname.ora中host写成ip地址(192.168.1.110)是,报错ora-12547,没有监听等 解决问题,oracle自带管理工具,程序->oracle-oracle...->配置和移植工具->Net Manager中找到本地,LISTENER,添加一个监听服务地址,然后重启oracl

本地oracle可以通过localhost连接,无法通过ip地址连接解决方法,oracle远程连接配置

Oracle11g安装后只有本地可以连接,远程无法连接,而且本地只能配置成localhost配置成IP地址也无法连接. 这是因为安装oracle的时候没有配置远程的监听,默认的监听是localhost 解决方法1:(简单,不用修改配置文件) 1.打开net manager 2.按照下图找到配置监听的地方 点击添加新地址: 3.我们需要配置IP地址访问的监听才能使数据库可以被远程访问配置IP地址,注意端口不能与刚才的1521重复. 这样远程就可以连接了. 修改之后可能会有延迟,不会立刻生效.如果还

Vue-cli创建项目从单页面到多页面4 - 本地开发服务器设置代理

前后端分离开发时,有时候会遇到跨域的情况:只在开发的时候存在跨域,项目上线后,由于配置的域名相同,跨域就会不存在. 这个时候,有两种方案可以比较快的解决: 1.利用h5的特性,使用cors,在ngnix服务器上设置header:Access-Control-Allow-Origin的值为 *(或者目标域名)允许跨域. 2.在我们的本地开发服务器上设置代理. 这里主要介绍使用vue-cli创建项目后,怎样配置本地服务器的代理,成功通过本地服务器代理请求数据的解决方案. 解决方案 进入config/

Storm使用入门之本地开发环境搭建

本篇博文详细告诉你如何安装Storm的本地开发环境,总体分为两步,具体如下: 1.从官网上下载Storm的发布包,下载完成后将其解压,并将解压后的bin目录添加到环境变量(PATH)中,以方便后续执行Storm的相关命令 2.修改Storm的配置文件(storm.yaml),主要是按照实际情况更新配置文件中的集群信息,然后将修改后的配置文件添加到目录(~/.storm/)中,目的是为了后续能够远程启动和停止集群上的计算任务(即topology) 接下来,咱们来详细地介绍每一个操作步骤. 首先,何