我们会遇到这样的需求,在PC端开发vue脚手架项目,希望在微信端随时浏览页面(如果打包再发布到服务器又太麻烦),怎么办?

思路很简单:保证手机和电脑在同一个IP下,用同一个IP访问项目,这样就可以了;

那么,两者使用同一个IP后,怎么让两者互相通信呢?

Step1:修改项目的host

找到config文件里面的index.js里面的module.exports下面的dev下面的host: "localhost" 改为 host: "0.0.0.0";

(0.0.0.0 这个IP相当于js中的this,代表当前设备的IP。)

step2:查看本机IP

打开cdm命令行,输入ipconfig,获取ip地址;我的本机IP为"192.168.1.16";

step3:运行项目

执行npm run dev开启项目,然后在微信端访问地址"192.168.1.16:8080";

ok,完美解决问题

angular4.0配置同时使用localhost和本机IP访问项目

之前写过的文章,今天再次更新一个,谢谢大家的指正. 今天的目的是:使用本机IP地址,或者localhost都可以访问项目. 第一步:找到此文件& ...

vue2.0做移动端开发用到的相关插件和经验总结1.0

最近在用vue2.0做微信公众号相关的前端开发,经过这次开发实践,现将项目中用到的相关比较实用的插件及遇到的相关问题进行整理,希望和大家共同交流...... cssrem:一个CSS值转REM的VSC ...

基于vue2.0 +vuex+ element-ui后台管理系统:包括本地开发调试详细步骤

效果演示地址, github地址: demo演示:         1.About 此项目是 vue2.0 + element-ui + node+mongodb 构建的后台管理系统,所有的数据都是从 ...

干货分享:vue2.0做移动端开发用到的相关插件和经验总结(2)

最近一直在做移动端微信公众号项目的开发,也是我首次用vue来开发移动端项目,前期积累的移动端开发经验较少.经过这个项目的锻炼,加深了对vue相关知识点的理解和运用,同时,在项目中所涉及到的微信api( ...

vue2.0做移动端开发用到的相关插件和经验总结

最近一直在做移动端微信公众号项目的开发,也是我首次用vue来开发移动端项目,前期积累的移动端开发经验较少.经过这个项目的锻炼,加深了对vue相关知识点的理解和运用,同时,在项目中所涉及到的微信api( ...

Tomcat在局域网中localhost可以访问,但是无法通过本地ip访问,127.0.0.1也无法访问问题的解决方法

环境:Tomcat6,Windows Server2008 R2, Tomcat使用默认端口8080. 在BO服务器上使用Tomcat6作为WEB服务器,在服务器本地使用http://localhos ...

vue-cli 搭建的项目,无法用本地IP访问

项目是用vue-cli搭建的,是基于移动端的,需要在手机上测试的时候发现用ip访问不了,用localhost是可以访问的,网上查资料的解决办法(此为Mac机子的解决办法): 在config文件里面的i ...

vue项目 既能通过ip访问项目,又可以本地localhost访问

1.场景问题: 有时候开发过程中,vue项目需要其他同事能访问你本地进行调试,而不是需要重新拉取代码来启动很麻烦 2.解决思路: 一. package.json"dev": &qu ...

多实例设置本地IP访问sql server 数据库

我们本地有时候有多个数据库版本(^_^..别说了都是泪),都是为了兼容不同版本的数据而安装的! 最近我们需要用IP来访问,就有了这一段折腾的历程. 上图片为我安装的三个不同的版本,一个为sql ser ...

随机推荐

Linux 下 查看以及修改文件权限

查看权限 在终端输入: ls -l xxx.xxx (xxx.xxx是文件名) 那么就会出现相类似的信息,主要都是这些: -rw-rw-r-- 其中: 最前面那个 - 代表的是类型 中间那三个 rw- ...

MySQL5.6:基于GTID的主从复制

一.GTID简介 MySQL 5.6 的新特性之一,是加入了全局事务 ID (GTID) 来强化数据库的主备一致性,故障恢复,以及容错能力. 什么是GTID? 官方文档:http://dev.mysq ...

bean中集合属性的配置

在实际的开发中,有的bean中会有集合属性,如下: package com.sevenhu.domain; import java.util.List; /** * Created by hu on ...

web测试用例表(自用)

自己留着用,第一次搞这么个东西.虽然简单却很实用. 模块名               备注 开发人员   版本号             用例作者   设计时间             测试类型 功 ...

mysql inner join,full outer join,left join,right jion

https://sites.google.com/site/349624yu/courses/mysql/mysqldbgjzcx inner join,full outer join,left jo ...

Shiro 权限框架使用总结

我们首先了解下什么是shiro ,Shiro 是 JAVA 世界中新近出现的权限框架,较之 JAAS 和 Spring Security,Shiro 在保持强大功能的同时,还在简单性和灵活性方面拥有巨 ...

Log4j源码解析--Appender接口解析

本文转自上善若水的博客,原文出处:http://www.blogjava.net/DLevin/archive/2012/07/10/382676.html.感谢作者的无私的分享. Appender负 ...

SetProcessWorkingSetSize减少内存占用

[DllImport("kernel32.dll", EntryPoint = "SetProcessWorkingSetSize")] public stat ...

BZOJ 2173 luoguo P4451 [国家集训队]整数的lqp拆分

整数的lqp拆分 [问题描述] lqp在为出题而烦恼,他完全没有头绪,好烦啊… 他首先想到了整数拆分.整数拆分是个很有趣的问题.给你一个正整数N,对于N的一个整数拆分就是满足任意m>0,a1 , ...

【C++】获取URL中主机域名

// ConsoleApplication1.cpp : 定义控制台应用程序的入口点. // #include "stdafx.h" #include

微信如何通过ip访问服务器项目,vue2.0 在微信端如何使用本地IP访问项目相关推荐

  1. 脚手架创建项目vue2.0

    脚手架创建项目vue2.0 下载: npm i - g vue npm i - g vue-cli npm i -g webpack 检测下载版本 vue -V webpack -V 初始化项目 vu ...

  2. 基于 Vue2.0 的移动端 / PC 端验证码输入组件.

    vue-input-code 基于Vue2.0的移动端验证码输入组件. 功能预览 输入回调 完成回调 自定义验证码个数 样式可控 这里是可爱的Demo 支持 支持 Vue.js 2.0+. 安装和使用 ...

  3. 项目vue2.0仿外卖APP(四)

    组件拆分 先把项目搭建时生成的代码给清了吧 现在static目录下引入reset.css 接着在index.html引入,并且设置<meta> 有时候呢,为了让代码符合我们平时的编码习惯, ...

  4. 项目vue2.0仿外卖APP(五)

    header组件 vue-resourse应用 https://github.com/pagekit/vue-resource vue-resource是Vue.js的一款插件,它可以通过XMLHtt ...

  5. 干货分享:vue2.0做移动端开发用到的相关插件和经验总结(2)

    最近一直在做移动端微信公众号项目的开发,也是我首次用vue来开发移动端项目,前期积累的移动端开发经验较少.经过这个项目的锻炼,加深了对vue相关知识点的理解和运用,同时,在项目中所涉及到的微信api( ...

  6. 如何将本地python项目部署到服务器上_如何将本地的Django项目部署到云服务器

    如何将本地的Django项目部署到云服务器 开发环境 开发语言: Python 后台框架:Django 前端框架:bootstrap web服务器:nginx wsgi服务器:uwsgi 查看本地项目 ...

  7. android 获取wifi的ip地址吗,Android开发实现在Wifi下获取本地IP地址的方法

    本文实例讲述了Android开发实现在Wifi下获取本地IP地址的方法.分享给大家供大家参考,具体如下: 代码核心介绍: WifiManager类提供了对设备Wifi功能的管理,包括Wifi开关的打开 ...

  8. 框架中的左侧菜单关联右侧页面是如何实现的_前端基础学习:Vue2.0实现移动端外卖平台项目,参考旧版饿了么!...

    主要依赖 基于vue@2.0 使用vue-cli@2.0搭建项目框架 使用vue-router@2.1进行页面路由切换 使用vue-resource@1.0.1进行http请求获取数据 mock假数据 ...

  9. vue 仿二手交易app_项目vue2.0仿外卖APP(二)

    vue-cli开启vue.js项目 Vue.js开发利器vue-cli,是vue的脚手架工具. 在工地上,脚手架是工人搭建好的架子,能够帮助工人们作业:在技术圈,脚手架就是来帮助我们编写好基础的代码的 ...

最新文章

  1. ESP32彩屏GUI试玩
  2. ajax技术书,ajax技术
  3. Java GUI 实现登录界面
  4. 第九讲 水晶报表的使用
  5. 【轻量级网络】MobileNet-v2详解
  6. SQL Server 2012 管理新特性:AlwaysOn
  7. 使用openssh的登录的三种方法
  8. Redis 设计与实现
  9. VMware解决黑屏
  10. 神舟战神笔记本Z7M-CT7NA开机进入Bios方法
  11. 计算机网络中常见英文缩写所对应的名词整理
  12. java里如何表示黑桃方片_扑克牌中(黑桃,方片,红心,梅花)各代表什么意思?据我所知红心是代表爱。...
  13. 流媒体协议—HTTP
  14. T31开发笔记: 使用FTP上传下载文件
  15. python微信公众号秒杀代码_微信跳一跳辅助python代码实现
  16. 揭秘阿里巴巴神奇的人物抠图算法内幕
  17. js随机生成彩票号码 双色球
  18. Java项目:物流快递管理系统(java+SSM+jsp+mysql)
  19. IT部门应如何制定技术路线图
  20. 软工实践第六次作业——团队选题报告

热门文章

  1. MAC 下面卸载JDK
  2. 联想开机启动项按哪个_联想重装系统按哪个键|联想电脑重装系统按什么键
  3. 原创 | k8s系列教程一:开篇
  4. 比MySQL快839倍!揭开分析型数据库JCHDB的神秘面纱
  5. (无Xcode)Mac OS X中解决 make,gcc等命令找不到
  6. 【思维】黄金圈思维法则
  7. 02好好学习读书笔记-- 黄金思考圈
  8. 一款网页电路仿真软件
  9. 徐东山:腾讯云安全的使命和技术实现
  10. Bad Smell (代码的坏味道)