本地部署 Next.js 开发服务器并实现外部访问

Next.js 是一个基于 React 的开源 Web 开发框架,它由 Vercel 开发和维护,是一个非常受欢迎的开源项目,广泛应用于各种规模的企业和项目中。本文将详细介绍如何在本地安装 Next.js 以及结合路由侠内网穿透实现外网访问 Next.js 。

第一步,本地部署 Next.js

1,安装 Node。点此进入 Node.js 官网

验证是否安装成功。

node -v

2,创建 Next.js 项目。

npx create-next-app@latest my-next-app

3,进入项目目录,运行命令启动开发服务器。

cd my-next-app
npm run dev

4,浏览器输入 http://localhost:3000 即可访问 Next.js 界面。

第二步,外网访问 Next.js

本机安装路由侠。点此下载

1,下载安装完成后,打开路由侠界面,点击【内网映射】。

;

2,点击【添加映射】。

3,选择【原生端口】。

4,在内网端口里填写 Next.js 默认端口 3000 后点击【创建】按钮,如下图。

5,创建好后,就可以看到一条映射的公网地址,鼠标右键点击【复制地址】。

6,在外网的浏览器的地址栏输入复制的外网地址就可以访问本地部署的 Next.js 界面了。

以上就是在本地局域网内部署 Next.js 以及利用路由侠内网穿透实现外网访问全部教程了,如果想要对路由侠有更多的了解,可以进官网详细了解,路由侠官网地址:www.luyouxia.com