Umi UI 出于项目安全考虑，不允许非本地 IP 访问，如果希望非本地 IP 访问，启动时加上 HOST=0.0.0.0 环境变量

最新推荐文章于 2024-07-18 16:40:00 发布
最新推荐文章于 2024-07-18 16:40:00 发布
阅读量1.7k 收藏
点赞数
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chendongpu/article/details/116743249
版权 
关于Umi UI可视化编程中，不允许非本地IP访问的问题

技术分享图片

 

我的解决办法是修改package.json

添加如图配置，重新执行yarn start:umi-ui，重新访问网站

ui出现了 

reg183
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 4
    评论
专栏目录
ant design pro学习笔记001
oYiShuRenSheng的博客
04-19 420
ant design pro学习笔记001 Ant Design Pro 是一个企业级中后台前端/设计解决方案,可以快速高效的搭建中台–后端管理页面 安装 建立一个文件夹 进入这个文件夹 创建项目 安装脚手架 pro new cd /Users/.../vue/antDesignPro npm install ant-design-pro-cli -g mkdir es-test &a...
设置环境变量
Damon__的博客
02-28 138
UmiJs学习V1.0.0
04-30
此文档主要讲了umijs、antd、dva的使用；umi-dva-user-dashboard详细的介绍了，如和搭建工程、简单的编写了一个登录页面和用户页面列表、新增、修改及删除等功能。
快速上手企业级前端开发：深入理解 UMI 框架
最新发布
ztK63LrD的博客
07-18 1542
UMI是蚂蚁金服的底层前端框架，也是一个基于React的企业级前端应用框架，它提供了开箱即用的项目脚手架和插件化的配置，如路由构建、部署测试、文档工具、请求库等，帮助开发者快速搭建和管理复杂的前端项目，其设计目标是提高前端项目的开发效率和可维护性，尤其适用于大型复杂项目的开发与管理。
uni 无法本机ip访问 node本机ip无法访问
weixin_45345105的博客
01-14 1006
想本机通过模拟器访问访问本机部署的H5方便排错，发现node用不了ip访问。 防火墙和端口都确认打开，本机ip也能ping通，但换成本机ip无法访问，只能localhost进行访问。 发现node服务器需求特殊配置才可以用ip访问。 解决：使用其他服务器 用VsCode的LiveServer后本机ip成功访问。 模拟器访问 ...
配置禁止使用IP+端口访问方式
02-28 2454
在Nginx主配置文件中，如果要禁止192.168.1.10:80这种模式访问，则添加以下配置server { listen 80 default; return 500; }然后，在vhost配置文件中使用80端口代理域名，便可以实现配置禁止使用IP+80端口访问
React项目指定项目启动的Host域名（UMI版本），指定域名与指定端口号报错
Cvory
12-22 2161
我有一篇写的指定Host域名：https://blog.csdn.net/qq_40593656/article/details/120745490 项目代理配置： 我在项目中指定了端口号80， 启动项目时，指定了host域名 在本地的host配置里，对于在这个域名后面加了端口号：xxxx.com:80 以上就是我的bug复现背景，此时我跑项目无法启动 Bug原因 一般域名是默认的80端口，如果项目本身就指定了80端口号，端口号会被冲突占用， 可以试试，把端口号改成其他，就可以启动项目。 本地的ho
基于UMI UI的代码生成插件，可以配置中后台管理系统、可视化大屏、移动端APP等项目和页面.zip
02-19
【项目资源】： 包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源、音视频、网站开发等各种技术项目的源码。 包括STM32、ESP8266、PHP、QT、Linux、iOS、C++...
基于umi+antd-mobile的移动端项目模板
02-22
umi.config.js是umi项目的配置文件，可以通过配置该文件来定制项目的行为，例如设置路由、配置插件等。 此外，项目模板还可能包含了示例页面和样式文件，以便开发者快速了解如何在umi和antd-mobile的基础上进行开发...
仓库管理系统（软件课程设计答辩项目-主要技术栈 React、Dva、Umi）.zip
11-17
仓库管理系统（软件课程设计答辩项目-主要技术栈 React、Dva、Umi）.zip 1、该资源内项目代码经过严格调试，下载即用确保可以运行！ 2、该资源适合计算机相关专业(如计科、人工智能、大数据、数学、电子信息等)正在...
使用umiJs框架搭建的react项目react-umi-master.zip
07-03
使用umiJs框架搭建的react项目react-umi-master.zip
优米CSS样式库(umi.css) v1.5.1
10-13
优米CSS样式库（umi.css）v1.5.1是一个专门为解决Web前端页面布局问题而设计的样式库。在构建网页布局时，开发者往往需要处理各种细节，如间距、对齐、响应式等，这些繁琐的工作需要编写大量的CSS代码。umi.css的...
安装uim-ui插件不成功，成功解决
JEREMY的博客
03-29 559
这种安装，umi4 不支持，只有umi3才支持。而我发现官网现在默认使用的umi4。：更改umi版本重新安装umi3。
ant-design-pro4/5以及umi-ui 的使用步骤（采坑记录）
热门推荐
良月、一的博客
11-14 1万+
1、创建项目 新建文件夹myapp，执行以下命令 npm create umi 或者 yarn create umi 2、选择ant-design-pro 3、根据提示选择版本 pro4 或者pro5 若选择pro4，则继续以下步骤，若选择pro5 则会直接创建项目，安静等待创建完成即可 （1）选择使用TS 还是JS (2) 选择是否需要完整的区块，如果选择simple 则之后创建一个简单的项目，若是创建complete 则会创建一个比较完整的项目（包含了一些页面案例之类的） （3）等待项目创建
umi项目本地开发环境远程打开的问题
mango的博客
11-16 1084
脚本执行的时候是在node环境，而非浏览器环境，此时拿不到location的信息。我打开的是10.0.25.102的地址，所以来源不可能是location，但是主应用的socket连接是从location获取的。根源因该是umi配置webpack socket连接的地方，没有提供只 设置 端口的自由度。而devScript的脚本请求是由 umi 配置的webpack 热更新模块加载引起的。这里可以找到 process.env.SOCKET_SERVER 这个变量赋值的地方。找到 umijs 插件源码。
umi 项目报错 TypeError: Cannot read property ‘forEach‘ of undefined
星宇大前端
06-02 566
使用umi 框架开发的项目，突然启动报错。项目一直都在运行，没有更改什么，且同事可以运行。一打开就会报错。最近只是装了react-devtools ， 因为没有翻墙，从网络上下载一个。 果然关掉插件可以了，问题出自于插件。看了下这个react-devtools已经迁移到react 项目，且老版本有bug下载新版本，如果有条件goole 插件市场下载最新的即可。如果没有我下载了一个已上传csdn 免积分，传送门你也可以在react项目里找到dev-tools 打包，传送门
Umi 配置
个人笔记
04-08 585
ok
解决 vue 项目启动后不能被外部IP访问
大猩猩X
10-29 1万+
解决 webpack-dev-serveri 启动后通过外部访问报错 invalid host header 修改 config/index.js 的 host 属性为 ‘0.0.0.0’ { // ..., host: '0.0.0.0', port: 8080, // ... } 修改 build/webpack.dev.conf.js 的 devServer 配置 增加 disableHo...
Ant Design Pro 2.0/umijs站点配置到非站点根目录下处理
草宝虫的博客
11-03 1万+
1.config/config.js中 export default {中加上如下： history: 'hash', //采用hash路由：#/xxx的形式 base:'./', publicPath:'./', （会自动将/static/xxx.jpg之类的和umi.js中的a.p="/"及index.html中window.routerBase中该值进行替换） 2.生成出来的di...
cross-env MOCK=none UMI_UI=none APP_TYPE=site SPEED_MEASURE=CONSOLE umi dev
06-10
这是一个使用 UmiJS 搭建的 React 项目的启动命令。具体来说，这个命令的含义如下： - `cross-env`：跨平台设置环境变量。 - `MOCK=none`：设置 MOCK 环境变量为 none，表示不使用 MOCK 数据。 - `UMI_UI=none`：设置 UMI_UI 环境变量为 none，表示不使用 UmiJS 的 UI 工具。 - `APP_TYPE=site`：设置 APP_TYPE 环境变量为 site，表示这是一个网站应用。 - `SPEED_MEASURE=CONSOLE`：设置 SPEED_MEASURE 环境变量为 CONSOLE，表示使用控制台输出性能分析结果。 - `umi dev`：使用 UmiJS 的 dev 命令启动开发服务器。 总的来说，这个命令是为了在开发阶段启动一个不带 MOCK 数据，并且不使用 UmiJS 的 UI 工具的网站应用，并输出性能分析结果。
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

reg183

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值