如何在手机端查看PC端上的Vue项目(二)----外网环境
栏目: JavaScript · 发布时间: 6年前
内容简介：在准备工作：
在 《如何在手机端查看PC端上的Vue项目(一)》 这篇文章中介绍了如何在同一网络下通过配置Vue项目的 host 实现在手机端查看Vue项目，但是这种方法毕竟有局限性，如果是台式机就不行了，所以今天介绍一下如何实现手机通过外网也能访问PC端的Vue项目
准备工作：
如何在手机端查看PC端上的Vue项目(一) 介绍了如何查看本机IP及配置Vue文件
花生壳官网 注册账号、下载客户端
草料二维码官网 用于将网址转为二维码
1、查看本机IP、修改Vue项目中的配置
上面的参考文章中已经介绍了如何查看本机IP并配置Vue文件，这里就不在赘述
2、注册花生壳、设置内网映射
2.1、点击上方花生壳官网链接，并注册账号，下载客户端
2.2、客户端登录后打开如下图所示，点击右下角加号
2.3、选择内网映射
2.4填写配置信息，最后点击保存
应用名称 ：随意
应用类型 ：因为我们一般都是访问的网页，所以选择
HTTP80 ,你也卡哇伊选择
通用
外网域名 ：这是你注册账号后，花生壳免费给你的，因为免费，所以看起来比较乱，想要好记的，你懂，money~~~~
往外端口 ：不用设置，也没法设置，默认80
内网主机 ：就是你电脑的IP,同时你Vue中配置的 host 也得是这个
内网端口 ：就是你Vue中配置的 port ,记得别和其他端口号冲突
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，也希望大家多多支持 码农网
猜你喜欢:
- Python 项目的虚拟环境
- Spring项目本地环境搭建
- 网络云盘项目-fastdfs环境搭建
- 博客项目环境搭建和Model设计
- 前端项目之vue分环境打包
- Linux 开源首个 VR 桌面环境项目 Safespaces
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
HTML和XHTML权威指南(第五版)
Chuck Musciano、Bill Kennedy / 技桥 / 清华大学出版社 / 2004-6-1 / 72.00元
HTML！XHTML！级联样式表！编写网页的标准很难整理，因为各种版本的Netscape和Internet Explorer在其实现方式上千差万别。《HTML与XHTML权威指南》将这些标准全部介绍给了读者。本书作者找出了各种标准和浏览器特性，并在创建网页方面为读者提出了很多建议，以便能够被更广泛的浏览者和平台所接受。 学习HTML或XHTML和学习其他任何语言一样。大部分学生都是从......一起来看看 《HTML和XHTML权威指南(第五版)》 这本书的介绍吧!
