配置项目外网访问（公网IP+DDNS）-Toy模板网

这篇具有很好参考价值的文章主要介绍了配置项目外网访问（公网IP+DDNS）。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

1. 需求

自己写了一个vue项目已经打包部署到nginx，但是只能在内网访问，我想使用手机流量访问怎么办？
本地电脑部署了一个nas服务打算在外网访问

2. 实现

如果只是打算把vue静态页面发布到外网访问，那完全可以了解下github page服务或者国内的gitee page。
如果想把本地web服务接入外网，那么可以使用花生壳来做内网穿透，原理就是在本地安装运行花生壳客户端，然后客户端做内网的映射到外网的域名。也有免费的体验版套餐，目前看是永久体验，但是免费的东西网慢，限流等。
如果你家安装了宽带，那么可以申请公网ip，路由器做DDNS，也可以实现外网访问，并且访问速度取决于你的宽带配置，而且没有任何费用（每年的宽带费除外）。本文重点记录了（公网IP+DDNS），下面是详细介绍。

3. 外网访问（公网IP+DDNS）

3.1 申请宽带的公网IP地址

安装宽带的师傅默认是内网IP的，就是说外网无法直接连接到你家的IP地址。申请公网IP后外网可以直接连接到你的IP地址。申请方式是供应商打电话直接找客服说申请公网IP，大概2分钟后就成功了。申请成功后，直接百度搜索ip地址，看下是多少，我这里是221.218.211.57 配置项目外网访问（公网IP+DDNS）
然后打开光猫的后台，浏览器输入http://192.168.1.1,注意是光猫的，不是路由器的，登录信息都在光猫盒的背面。登录上查看一下光猫的WAN口ip地址是否和上图百度出来的一致，如果一致就是公网IP。

3.2 光猫改桥接模式

光猫有两种模式，路由和桥接。安装时默认是路由模式，路由模式是光猫拨号上网，路由器连接光猫获取网络。这种模式就导致了光猫的网络和路由器的网络不在同一层，例如光猫的ip是221.218.211.57，路由器的ip是192.168.0.1。然后我们的手机电脑服务器linux等设备都是连接的路由器的网络，获取的ip都是路由器分出来的192.168.0.X这种开头的网络，这样的话光猫是链接不到192.168.0.X的。解决方式就是光猫桥接，让路由器拨号上网，首先给客服打电话说光猫桥接，并且获取拨号上网的账号密码，重启后打开路由器的后台，一般是192.168.0.1，配置项目外网访问（公网IP+DDNS）
桥接的作用就是路由器的wan口ip地址就是公网的IP地址，然后外网直接访问到路由器。这时候外网直接访问此ip是可以的，但是路由器本身没有开启端口号，那么接下来开启路由器的端口号。

3.3 路由器开启端口转发（虚拟服务器）

因为外网访问过来都是需要IP+端口号的，目前我们ip可以访问了，需要再提供端口。打开路由器后台进入
例如我配置了一个外部端口10的，
配置项目外网访问（公网IP+DDNS）
这样就给路由器开启了10端口，供外网访问，这里的内部端口+内部ip地址是我本地的服务nginx（我电脑链接了路由器，电脑的ip是192.168.0.101，我在电脑开启了nginx服务且端口是31080）。
接下来拿出手机关闭wifi打开流量数据，打开浏览器输入 http://221.218.211.57:10 就可以访问了。配置项目外网访问（公网IP+DDNS）