本地vue搭建的web网站项目app如何发布到互联网?

news/2024/11/17 6:36:52/

对于非专业人来说,提到 Vue并不熟悉。Vue 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建

简单来说,Vue是干什么用的呢?Vue通过提供了一套声明式的、组件化的编程模型,帮助你高效地开发用户界面。无论是简单还是复杂的界面,Vue 都可以胜任。

 

 Vue.js 是构建 Web 界面的 JavaScript 库,提供数据驱动的组件,还有简单灵活的 API,使得 MVVM 更简单。Vue可以轻松处理大多数web应用的场景,并且几乎不需要手动优化,并且Vue完全有能力处理大规模的应用。Vue 的整体思想是拥抱经典的 Web 技术,并在其上进行扩展。事实上 Vue 也提供了渲染函数,甚至支持 JSX。然而,我们默认推荐的还是模板。任何合乎规范的 HTML 都是合法的 Vue 模板。 对于很多习惯了 HTML 的开发者来说,模板比起 JSX 读写起来更自然。

vue.js框架本地web网站app,如何实现用内网端口映射域名实现外网访问

只要可以上网,就可以通过快解析一步映射设置,将内网IP端口提供到外网访问。外网访问时,用自己的域名或快解析免费赠送的自定义二级域名。操作步骤参考如下:

1.本地搭建好及测试局域网访问

本地计算机部署好后,除了本机能访问外,局域网内其他电脑设备也要测试访问状态,记录下内网访问地址端口信息。

2.内网端口映射到域名的设置

在内网服务器本地,或者所在内网互通能访问到的另台主机电脑上,安装并登录快解析添加映射设置。通过这一步映射设置,将网站项目由内网变公网地址访问。

映射时,根据自己应用场景填写正确的映射信息:


映射名称:自定义。方便区别和标志如“web”、"vue"

公网类型:指外网访问所用的端口。办公项目、后台管理、信息管理、运营管理等不收录项目站点服务一般采用非80映射外网。

内网ip地址:内网访问固定地址。可以是固定内网IP或计算机名。如是在内网服务器本机使用映射的,推荐填写127.0.0.1格式。如使用了内网IP格式的,注意需要确保这个IP是固定不变的避免IP变化影响。
应用程序端口:内网web网站访问端口

填写完成后点击确定,自动生成免费自定义二级域名,或填写上自己的域名,同时在自己域名注册解析商网站后台,添加对应一个cname指向,让自己域名生效。

3.外网用域名进行访问

快解析映射生效后,在任意上网地方包括出差在外和在家,都可以通过域名和外网端口号进行访问对应内部web网站。

除了web网站场景,快解析内网端口映射外网方案应用十分广泛。快解析有业内17年的技术积累,服务用户500万,服务企业100万,更有2000多家上市公司都在选择“
快解析”,并以“快解析
”为基础,构建企业连接生态。广泛应用于MAC服务器、CRM、OA、ERP、NAS私有云、视频监控、FTP、SVN、Windows远程桌面、游戏联机、网站、博客、微信公众号和小程序开发调试、遥感测绘、工业4.0等各种应用场景,是用户实现内外网信息互联互通的得力助手。


http://www.ppmy.cn/news/84009.html

相关文章

如何利用Python中的pymysql库来操作Mysql数据库,看这篇就够啦~

为了使python连接上数据库,你需要一个驱动,这个驱动是用于与数据库交互的库,本文是向大家介绍了如何利用python中的pymysql库来操作mysql数据库。 1、什么是pymysql? pymysql是从python连接到mysql数据库服务器的接口&#xff0c…

LiveGBS GB28181流媒体平台中如何根据各种应用场景提供不同播放权限,满足用户自定义各种播放权限

随着目前对信息安全的越来越重视,视频监控领域的视频流也需要做各种安全策略。视频监控流流媒体平台输出的直播流需要做权限限制,只允许哪些IP访问、只允许哪些用户访问等等各种权限限制。为了满足不同用户不同场景各种不同的播放权限需求,Li…

Three.js教程:模型对象旋转平移缩放变换

推荐:将 NSDT场景编辑器 加入你的3D工具链 其他系列工具: NSDT简石数字孪生 模型对象旋转平移缩放变换 点模型Points、线模型Line、网格网格模型Mesh等模型对象的基类都是Object3D,如果想对这些模型进行旋转、缩放、平移等操作,如…

鸿蒙Hi3861学习十九-DevEco Device Tool源码获取、编译、下载

一、简介 在上一篇文章中,已经讲述了如何在Windows通过Remote SSH远程连接Linux下的DevEco Device Tool。这篇文章,来说一下关于源码的获取、编译与下载。建议先按照上一篇文章进行环境搭建。 鸿蒙Hi3861学习十八-DevEco Device Tool环境搭建_t_guest的…

vs中计算代码行数

在vs中依次点击以下几个菜单按钮:”编辑“,”查找和替换“,”在文件中查找“,然后输入如下表达式, b*[^:b#/].*$并点击”使用正则表达式“复选框后,然后再”查找范围“选项卡中选择解决方案或者工程或者本…

LabVIEWCompactRIO 开发指南34 在模拟模式下调试

LabVIEWCompactRIO 开发指南34 在模拟模式下调试 在仿真模式下执行LabVIEW FPGA VI时,可以访问标准LabVIEW调试功能,包括突出显示执行、探测和断点。LabVIEW2013及更高版本包含了一个额外的调试工具,称为采样探针。在仿真中运行时插入FPGA设…

Faster R-CNN网络架构详解和TensorFlow Hub实现(附源码)

文章目录 一、RPN网络1. RPN网络简介2. backbone网络简介 二、Faster R-CNN网络架构1. Faster R-CNN网络简介2. 基于TensorFlow Hub实现Faster R-CNN 前言:Faster R-CNN的简介见 上一篇文章 一、RPN网络 1. RPN网络简介 RPN网络全称Region Proposal Network&#…

Spring Cloud Gateway内置的断言和过滤器作用及使用场景

文章目录 前言一、内置断言二、内置过滤器1.GlobalFilter2.GatewayFilter 三、配置参数解析模式1.DEFAULT2.GATHER_LIST3.GATHER_LIST_TAIL_FLAG 前言 对应解版本3.1.7对应SpringCloud版本2021.0.7 <dependency><groupId>org.springframework.cloud</groupId&g…