uni-admin内网部署与访问

最新推荐文章于 2024-05-19 12:35:14 发布
最新推荐文章于 2024-05-19 12:35:14 发布
阅读量384 收藏 3
点赞数 8
文章标签： 前端 服务器 网络
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_53932236/article/details/138576437
版权

在使用uni-admin管理uniapp项目的时候，如果需要在内网部署，让其他人也能访问，需要将本地地址转换成域名再做内网穿透，再到unCloud中配置跨域，才能正常访问，具体操作如下：

1、natapp内网穿透(保姆式教程)_natapp如何改监听的端口-CSDN博客  按照这篇文章所写的步骤申请natapp进行内网穿透，里面的端口号写你运行项目的端口，这一步完成后域名和内网穿透就都做好了

2、配置跨域 在应用列表 (dcloud.net.cn)中添加域名

3、需要注意的是，natapp的域名在重启后或者过一段时间就会发生改变，如果登录不上了可以看一下是不是域名变了，域名变了之后记得重新在uniCloud中添加域名，否则会产生跨域

weixin_53932236
关注
  • 8
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
uni-app uni-data-picker 省市区数据表
06-16
<uni-data-picker> 是一个选择类datacom组件。支持多列级联选择。列数没有限制，如果屏幕显示不全，顶部tab区域会左右滚动。 适用于uni-app使用uni-data-picker实现省市区选择器的json数据
uniapp-table中改版uni-table插件
07-03
标题"uniapp-table中改版uni-table插件"表明我们正在讨论的是对`uni-table`组件的一个定制化改版。这个改版可能源于开发者对原组件功能的不足或者需要添加特定的交互效果。在这个过程中，开发者通常会深入理解组件的...
uniapp 实战 -- 创建 uni-admin 项目，部署到 uniCloud 前端网页托管（免费云空间）
朝阳39的博客
01-12 1887
可见只能创建一个超级管理员，创建过后，登录页将不再显示注册管理员账号。
使用 uni-starter 和 uni - admin 搭建APP（小程序）和后台管理系统，15分钟搞定，开局完成50% ，前后端包括云服务一键搞定（目前免费使用阿里云版本，腾讯云也有免费）
烟溪彭于晏的博客
07-23 9429
本次我们搭建的项目是APP（uni-app支持多端运行，包括微信小程序、支付宝小程序、安卓App、iOSApp等等）和APP的后台管理系统（适应手机和PC端）。每一个都可以当全栈，只要有编程基础，当然了解vue最好啦我们选择基于uni-app的uni-starter开发app，后台系统选择基于uni-app的uni-admin为什么选uni-starter和uni-admin？uni-starter是一个集成了大量商用项目常见功能的，云端一体应用快速开发基本项目模版。+..................
【uniCloud介绍与使用】
最新发布
weixin_75279226的博客
05-19 490
uniCloud 是 DCloud 推出的一款专为开发者提供的云端一体化解决方案。它基于云原生架构，集成了云函数、数据库、存储、消息推送等功能，能够帮助开发者快速构建稳定、高效的云应用。
uni-admin 利用云数据表自动生成页面
weixin_38946164的博客
11-03 1099
uni-admin 框架，是基于 uni-app 和 uniCloud 的应用后台管理的开源框架。详细说明请看官方文档：uni-admin 框架（原名 uniCloud admin） | uni-app官网本文主要介绍的是，在云数据库已经创建好并且有数据记录的前提下，通过schema2code代码快速生成页面。代码生成系统功能包括：具体使用方法请查阅官方文档：schema2code代码生成系统 | uni-app官网uniCloud官网 - web控制台 根据图一的字段编辑相关属性。字段属性说明：DB Sc
手把手带你使用uni-admin搭建后台管理系统
热门推荐
代码哈士奇的博客
04-18 1万+
快速搭建uni-app后台管理系统
2024最新1小时零基础编写uniapp和小程序管理后台，基于uniadmin和vue3实现uniapp小程序的网页管理后台
编程小石头
05-11 2332
打开开发者工具Hbuilder,然后点击左上角的文件，点新建，点项目。如下图。选择uniadmin，编写项目名，然后使用vue3记得选用阿里云服务器，因为最便宜点击创建，等待项目创建。
【unCloud】在使用uni-admin时遇到的问题（原uniCloud-admin）
Daears的博客
11-17 2041
数据库验证失败：提交的字段["introduction","icon_url","screenshot","store_list"]在本地数据表的schema文件中不存在
uni-preset-vue模板
12-24
【uni-preset-vue模板】是专为uni-app框架设计的一个预设模板，它简化了开发者在使用uni-app时的项目初始化过程，提供了基础的项目结构和配置，使得开发跨平台移动应用变得更加便捷。uni-app是由DCloud（即数字天堂...
uni-preset-vue-master uniapp项目模板
12-02
8. **编译与打包**：uni-app支持热更新和一键打包，uni-preset-vue-master通常已配置好相关的编译和打包脚本，如npm run dev和npm run build。 9. **测试与调试**：uni-preset-vue-master可能会包含单元测试和E2E...
UniAdmin 漂亮后台模板(国外收费)
08-22
蓝色风格的后台模板~被我下载下来了 演示地址： http://preview.ait-themes.com/uniadmin/index.html
Bootstrap Admin Template - UniAdmin
09-03
Bootstrap Admin Template - UniAdmin
uniadmin:UniAdmin是一套渐进式模块化开源后台，采用前后端分离技术，数据交互采用json格式，功能低耦合高内聚；核心模块支持系统设置、权限管理、用户管理、菜单管理、API管理等功能，后期上线模块商城将打造类似composer、npm的开放式插件市场；同时我们将打造一套兼容性的API标准，从ThinkPHP5.1+Vue2开始，逐步吸引爱好者共同加入，以覆盖larval、spring-boot、django、yii、koa、react等多语言框架
04-29
UniAdmin(vue-admin-powerfulPHP版) 简介 UniAdmin是一套渐进式模块化开源后台，采用前后端分离技术，数据交互采用json格式，功能低耦合高内聚；核心模块支持系统设置、权限管理、用户管理、菜单管理、API管理等功能，后期上线模块商城将打造类似composer、npm的开放式插件市场；同时我们将打造一套兼容性的API标准，从ThinkPHP5.1+Vue2开始，逐步吸引爱好者共同加入，以覆盖laravel、spring-boot、django、yii、koa、react等多语言框架。 特性 模块化 UniAdmin后台本着高内聚低耦合的原则， 模块作为UniAdmin的最小功能包可以共享 用户可以在模块市场上传下载模块 iBuilder动态页面构建 UniAdmin首创自主研发了基于前后端分离的 页面自动生成技术，目前支持xyBuilderList和 xyB
基于uniCloud与uni-app的admin管理项目模板
02-25
admin管理项目模板是uniCloud与uni-app结合使用的典型应用场景，主要用于企业内部或面向合作伙伴的后台管理系统建设。这个模板通常包含登录注册、权限管理、数据展示、操作记录、系统设置等多个功能模块，以满足不同...
uniapp——uni-admin后台管理系统（使用uniCloud免费云服务器）
wy313622821的博客
09-04 6761
uni-admin从创建到部署，到外网可以访问
2023年最新最全uniCloud入门学习，零基础入门到实战项目 uni-admin打造uniapp网页后端 微信支付宝抖音小程序后端 unicloud数据后台快速打造uniapp小程序项目
编程小石头
04-23 7284
serverless是目前很火的概念，它是下一代云技术，是真正的“云”。传统的云服务，让开发者免于购买实体服务器硬件，改为购买虚拟机。但开发者仍然要自己装操作系统、web服务器、数据库，自己处理热备，自己新购服务器来应对高并发，自己抗DDOS攻击…这不是成熟的“云”！真正的云计算，就像用水用电，没有复杂的门槛，即用即有、按需付费。简单回顾下用电的历史。几十年前，很多单位都有专门管电的工程师，当单位的电力负荷不够时，就需要找这个管电的工程师扩容发电机。
额滴神项目后台管理框架（uni-admin）升级指南
Oldlee ‘s Blog
08-29 895
额滴神项目后台管理框架（uni-admin）升级指南
基于uni-app多平台管理系统模板uniapp-admin
liupan6889的博客
10-26 1万+
H5在线预览 Android APK 下载地址 Github Gitee 一、前言   uniapp-admin是基于uni-app开发的管理系统模板。该模板集成了如下的功能： UI方面：登陆模板、顶部固定搜索框、顶部滑动选项卡、字段信息卡片、一周信息卡片、时间轴 功能方面：下拉刷新上拉加载功能、文件在线预览功能 内置组件：底部标签导航、顶部导航栏、商品导航、uni ui 第三方插件 ...
uni-admin部署流程
06-06
uni-admin 是一款基于 Vue.js 和 ElementUI 开发的后台管理系统模板，可以用于快速搭建企业级管理系统。下面是 uni-admin 的部署流程： 1. 克隆代码仓库 在命令行中执行以下命令，将代码仓库克隆到本地： ``` git clone https://github.com/dcloudio/uni-admin.git ``` 2. 安装依赖 进入 uni-admin 项目目录，执行以下命令安装项目依赖： ``` cd uni-admin npm install ``` 3. 编译项目 执行以下命令编译项目： ``` npm run build ``` 编译完成后，会生成一个 dist 目录，里面包含了编译后的 HTML、CSS 和 JavaScript 文件。 4. 部署项目 将 dist 目录中的文件部署到 Web 服务器中即可。 如果你使用的是 Nginx 服务器，可以将 dist 目录中的文件复制到 Nginx 的 html 目录下，然后在 Nginx 的配置文件中添加以下配置： ``` server { listen 80; server_name yourdomain.com; root /usr/share/nginx/html; index index.html; location / { try_files $uri $uri/ /index.html; } } ``` 其中，yourdomain.com 是你的域名，/usr/share/nginx/html 是 Nginx 的 html 目录路径。 5. 访问项目 部署完成后，访问 http://yourdomain.com 即可访问 uni-admin 后台管理系统。默认情况下，登录用户名和密码均为 admin。 以上就是 uni-admin 的部署流程。如果你有任何问题，可以在评论区留言。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值