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

在 《如何在手机端查看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填写配置信息，最后点击保存