如何在手机端查看PC端上的Vue项目(二)----外网环境

栏目: JavaScript · 发布时间: 5年前

内容简介:在准备工作:

《如何在手机端查看PC端上的Vue项目(一)》 这篇文章中介绍了如何在同一网络下通过配置Vue项目的 host 实现在手机端查看Vue项目,但是这种方法毕竟有局限性,如果是台式机就不行了,所以今天介绍一下如何实现手机通过外网也能访问PC端的Vue项目

准备工作:

如何在手机端查看PC端上的Vue项目(一) 介绍了如何查看本机IP及配置Vue文件

花生壳官网 注册账号、下载客户端

草料二维码官网 用于将网址转为二维码

1、查看本机IP、修改Vue项目中的配置

上面的参考文章中已经介绍了如何查看本机IP并配置Vue文件,这里就不在赘述

2、注册花生壳、设置内网映射

2.1、点击上方花生壳官网链接,并注册账号,下载客户端

如何在手机端查看PC端上的Vue项目(二)----外网环境

2.2、客户端登录后打开如下图所示,点击右下角加号

如何在手机端查看PC端上的Vue项目(二)----外网环境

2.3、选择内网映射

如何在手机端查看PC端上的Vue项目(二)----外网环境

2.4填写配置信息,最后点击保存

如何在手机端查看PC端上的Vue项目(二)----外网环境

应用名称 :随意

应用类型 :因为我们一般都是访问的网页,所以选择 HTTP80 ,你也卡哇伊选择 通用

外网域名 :这是你注册账号后,花生壳免费给你的,因为免费,所以看起来比较乱,想要好记的,你懂,money~~~~

往外端口 :不用设置,也没法设置,默认80

内网主机 :就是你电脑的IP,同时你Vue中配置的 host 也得是这个

内网端口 :就是你Vue中配置的 port ,记得别和其他端口号冲突


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

Is Parallel Programming Hard, And, If So, What Can You Do About

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 》 这本书的介绍吧!

正则表达式在线测试
正则表达式在线测试

正则表达式在线测试

RGB HSV 转换
RGB HSV 转换

RGB HSV 互转工具

HEX HSV 转换工具
HEX HSV 转换工具

HEX HSV 互换工具