vue2.0 在微信端如何使用本地IP访问项目

我们会遇到这样的需求,在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,完美解决问题

原文地址:https://www.cnblogs.com/minigrasshopper/p/9059926.html

时间: 2024-07-31 14:00:39

vue2.0 在微信端如何使用本地IP访问项目的相关文章

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

环境:Tomcat6,Windows Server2008 R2, Tomcat使用默认端口8080. 在BO服务器上使用Tomcat6作为WEB服务器,在服务器本地使用http://localhost:8080/BOE/BI可以正常访问BOE platform平台的登录界面,但是使用http://127.0.0.1:8080/BOE/BI无法访问,使用本地ip地址http://111.111.111.137:8080/BOE/BI也无法访问.解决方案如下: 修改Win7的防火墙配置. 1.开始

微信小程序使用本地ip调试时报错解决方法

在微信小程序项目开发时,会用到本地调试,报错如下: 解决方法: 1.单击设置->项目设置 2.勾选该项即可. 原文地址:https://www.cnblogs.com/xindekaishi/p/12700768.html

解决webstorm本地IP访问页面出错的问题

解决方法: Windows:在webstorm下:ctrl+alt+s调出设置: Mac: Webstrom -> Preferences 

初试 vue2.0——9.项目开发_better-scroll 实现移动端滑动2

写在前面的话: 上一篇文章实现了滑动效果,这部分来试试左右联动效果的实现方法吧 九.better-scroll + vue2.0 实现移动端滑动2--左右联动 效果:滑动右侧时,左侧也能有相应的变化:点击左侧时,右侧也能自动定位到相应的位置. 如下图所示界面,左侧为分栏,右侧为分栏详情. 滑动右边使左边联动的大概的思路: 1)要知道右侧的列表中,每一个分栏所占的高度,存进一个数组中. 2)实现左边联动,则必须要监控 "scroll"事件,获取其高度 3)将scroll 的高度与右侧分栏

LINUX - 获取本地ip

Linux编程获取本机IP地址的几种方法 参考:https://blog.csdn.net/zhongmushu/article/details/89944990 在进行Linux网络编程时,经常会需要获取本机IP地址,除了常规的读取配置文件外,本文罗列几种个人所知的编程常用方法,仅供参考,如有错误请指出. 方法一:使用ioctl()获取本地IP地址 Linux下可以使用ioctl()函数以及结构体 struct ifreq和结构体struct ifconf来获取网络接口的各种信息.具体过程是先

vue2.0 移动端,下拉刷新,上拉加载更多插件,修改版

在[实现丰盛]的插件基础修改[vue2.0 移动端,下拉刷新,上拉加载更多 插件], 1.修改加载到尾页面,返回顶部刷新数据,无法继续加重下一页 2.修改加载完成文字提示 原文链接:http://www.cnblogs.com/sichaoyun/p/6647458.html <template lang="html"> <div class="yo-scroll" :class="{'down':(state===0),'up':(st

从壹开始前后端分离 [ Vue2.0+.NET Core2.1] 二十五║实战二:初探SSR服务端渲染(个人博客二)

缘起 时间真快,现在已经是这个系列教程的下半部 Vue 第 12 篇了,昨天我也简单思考了下,可能明天再来一篇,Vue 就基本告一段落了,因为什么呢,这里给大家说个题外话,当时写博文的时候,只是想给大家增加点儿学习的动力,每天提醒下,完全没有提纲或者安排说明什么的,就是按照我自己学的方向走,正好发现了一个规律就是:每一个系列正好是 1 个引子 + 12 篇正文,不知道大家对这个有没有感觉,大家可能看到我的头像就知道了,哈哈,其实我是一个红迷,正好这里机缘巧合,两个系列都形成了这样的,我自私的给自

项目总结1(微信+vue2.0)

项目总结(vue2.0) 一.基础知识 1.生命周期(项目到用到的) Created:组件实例化创建完成,属性绑定DOM未完成.($el 属性还不存在). Mounted:组件挂在完成,虚拟DOM渲染到html上,mounted知执行一次(从mounted就可以获取到$refs,进行操作). 一般在created或是mounted进行一些ajax操作. updated:组件更新之后,可以获取到DOM节点. 2.数据渲染 v-if:是否创建DOM.一般用在不是频繁创建DOM元素的情况下,否则可用v

vue2.0 移动端,下拉刷新,上拉加载更多 插件

本人正在基于 vue2.0 + webpack + es6 搭建前端架构,整理了部分插件,下面这个是下拉更新 上拉更多的,挺好用的,分享给大家. 直接上代码,不懂的多看几遍,下面我换会告诉大家如何使用. <template lang="html"> <div class="yo-scroll" :class="{'down':(state===0),'up':(state==1),refresh:(state===2),touch:tou