如何在手机端查看PC端上的Vue项目(二)----外网环境
栏目: JavaScript · 发布时间: 5年前
内容简介:在准备工作:
在 《如何在手机端查看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
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
Is Parallel Programming Hard, And, If So, What Can You Do About
Paul E. McKenney
The purpose of this book is to help you understand how to program shared-memory parallel machines without risking your sanity.1 By describing the algorithms and designs that have worked well in the pa......一起来看看 《Is Parallel Programming Hard, And, If So, What Can You Do About 》 这本书的介绍吧!