uniapp项目运行失败Error: getaddrinfo *.bspapp.com 文件查找失败uview-ui及推荐MarkDown软件 Typora

一、uniapp项目运行失败Error: getaddrinfo *.bspapp.com 文件查找失败uview-ui

        在运行一个uniapp项目时,出现报错 文件查找失败:'uview-ui',Error: getaddrinfo ENOTFOUND 960c0a.bspapp.com。hostname异常,报错的详细信息如下:

15:45:43.325 文件查找失败:'uview-ui' at main.js:16
15:45:43.507 Error: getaddrinfo ENOTFOUND 96f0e00c0a.bspapp.com
15:45:43.507     at GetAddrInfoReqWrap.onlookup [as oncomplete] (node:dns:107:26) {
15:45:43.507   errno: -3008,
15:45:43.507   code: 'ENOTFOUND',
15:45:43.507   syscall: 'getaddrinfo',
15:45:43.507   hostname: '96f0c0a.bspapp.com'
15:45:43.507 }"easycom": {"^u-(.*)": "uview-ui/components/uview-v1/uview-v1.vue"},

        看其报错有提到Error: getaddrinfo ENOTFOUND 960c0a.bspapp.com,然后又涉及到了easycom这个配置位置,好像是这个域名请求不了,网上有些提法是把 pages.json 文件中easycom处的代码路径进行修改,改成 uview-ui/components/uview-v1/uview-v1.vue。代码修改前和修改后对比如下:

#修改前
"easycom": {"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"},
#修改后
"easycom": {"^u-(.*)": "uview-ui/components/uview-v1/uview-v1.vue"},

        但我修改后发现并未解决问题,看报错内容中还有一行:文件查找失败uview-ui,说明未找到此全引用文件,而pages.json 中已经配置了该项插件,只是未安装,只需要使用 npm install uview-ui 即可。其它相关的报错保存如下:

09:56:55.740 Module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js):
09:56:55.740 SassError: File to import not found or unreadable: uview-ui/theme.scss.
09:56:55.740         on line 6 of ../../../../01.zijing/boms-pm-app/uni.scss
09:56:55.740         from line 51 of D:\01.zijing\boms-pm-app\uni_modules\uni-swiper-dot\components\uni-swiper-dot\uni-swiper-dot.vue
09:56:55.741 >> @import 'uview-ui/theme.scss';
09:56:55.741    ^

二、推荐一款非常好用的MarkDown软件 Typora产品

        最近一直使用 Typora ,的确是挺好用的,不过在使用的时候还是要进行一些相应的处理。首先到其官网下载软件:Typora 官方中文站 (typoraio.cn)双击Typora.exe 安装完成

        然后就开始我们的处理流程了,这个不用下载其它的软件来处理,只需要找到安装路径下的文件进行修改,需要找到:Typora\resources\page-dist\static\js\LicenseIndex.180dd4c7.5c394f9a.chunk.js 这个文件。使用记事本或者notepad这种编辑 器打开。ctrl+F定位到下面这行代码:

e.hasActivated="true"==e.hasActivated

将上面这行替换为

e.hasActivated="true"=="true"

      即完成处理,之后你的产品就可以正常使用了。不过这样每次打开会展现一个很美的红色彩带满窗口飞的窗口。可以把它关闭。使用查找 ctrl+F 定位到:</body></html>

        将上面的这患字符串替换为如下代码,即可完成。

</body><script>window.οnlοad=function(){setTimeout(()=>{window.close();},5);}</script></html>

        如果你还是不爽,要把一些不想看到的文字隐藏,也是可以的。还是按照安装路径,找到 resources\locales\zh-Hans.lproj\Panel.json  文件,在其中查找:"UNREGISTERED" 内容,将其修改替换为:"UNREGISTERED":" ",这样就清爽了。

三、关于碰到的一个跨域问题

        每次碰到过多次跨域问题,但都遂心应手的解决了,但这次碰到的了这个问题,还是花费了我一些时间,在请求时显示的异常问题如下,但在看到问题后总是去排查我是不是哪里的跨域配置设置错了,后来认真看了一下这个报错:

Access to fetch at 'https://xxx/api/user' from origin 'http://app.xxx.com' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: The 'Access-Control-Allow-Origin' header contains multiple values 'http://app.xxx.com, *', but only one is allowed. Have the server send the header with a valid value, or, if an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

翻译后内容:

从源 http://app.xxx.com 访问 https://xxx/api/user 处的访存已被 CORS 策略阻止:对预检请求的响应未通过访问控制检查:Access-Control-Allow-Origin 标头包含多个值 http://app.xxx.com, *,但仅允许一个。 让服务器发送带有有效值的标头,或者,如果不透明的响应满足您的需要,请将请求的模式设置为 no-cors,以在禁用 CORS 的情况下获取资源。

        其出错的原因是在服务器设置了允许跨域,同时又在 Nginx 代理又设置了一次。我的项目是Nginx代理到了后端的 Java 服务,java服务是使用 springboot搭建的项目,很可能是其项目中已经添加了跨域配置,所以解决方法就是,只要移除其一即可解决。于是我把Nginx中的跨域配置删除,项目就正常了。而在原项目中搜索了一下,果真若依项目里已经自带的了跨域配置:

    /*** 跨域配置*/@Beanpublic CorsFilter corsFilter(){CorsConfiguration config = new CorsConfiguration();config.setAllowCredentials(true);// 设置访问源地址config.addAllowedOriginPattern("*");// 设置访问源请求头config.addAllowedHeader("*");// 设置访问源请求方法config.addAllowedMethod("*");// 有效期 1800秒config.setMaxAge(1800L);// 添加映射路径,拦截一切请求UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();source.registerCorsConfiguration("/**", config);// 返回新的CorsFilterreturn new CorsFilter(source);}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/pingmian/71660.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

使用阿里云 API 进行声音身份识别的方案

使用阿里云 API 进行声音身份识别的方案 阿里云提供 智能语音交互&#xff08;智能语音识别 ASR&#xff09; 和 声纹识别&#xff08;说话人识别&#xff09; 服务&#xff0c;你可以利用 阿里云智能语音 API 进行 说话人识别&#xff0c;实现客户身份验证。 方案概述 准备工…

【Pandas】pandas Series unstack

Pandas2.2 Series Computations descriptive stats 方法描述Series.argsort([axis, kind, order, stable])用于返回 Series 中元素排序后的索引位置的方法Series.argmin([axis, skipna])用于返回 Series 中最小值索引位置的方法Series.argmax([axis, skipna])用于返回 Series…

大模型发展历程

大模型的发展历程 大语言模型的发展历程一、语言模型是个啥&#xff1f;二、语言模型的 “进化史”&#xff08;一&#xff09;统计语言模型&#xff08;SLM&#xff09;&#xff08;二&#xff09;神经语言模型&#xff08;NLM&#xff09;&#xff08;三&#xff09;预训练语…

springboot项目使用中创InforSuiteAS替换tomcat

springboot项目使用中创InforSuiteAS替换tomcat 学习地址一、部署InforSuiteAS1、部署2、运行 二、springboot项目打包成war包 特殊处理1、pom文件处理1、排除内嵌的tomcat包2、新增tomcat、javax.servlet-api3、打包格式设置为war4、打包后的项目名称5、启动类修改1、原来的不…

Seata

Seata是一款开源的分布式事务解决方案&#xff0c;由阿里巴巴发起并维护&#xff0c;旨在帮助应用程序管理和协调分布式事务。以下是对Seata的详细介绍&#xff1a; 一、概述 Seata致力于提供高性能和简单易用的分布式事务服务&#xff0c;它为用户提供了AT、TCC、SAGA和XA等…

Pytest自动化框架

Pytest简单介绍 下载pytest pip install pytest 第一章&#xff1a;Pytest console命令 默认需要test开头的py模块,test_开头的方法 1.pytest 执行pytest命令会自动匹配到test开头或者结尾的文件 将其作为测试用例文件执行&#xff0c;在测试用例文件中自动匹配到test开…

【spring】注解版

1.管理bean 之前我们要想管理bean都是在xml文件中将想要添加的bean手动添加进ioc容器中&#xff0c;这样太过麻烦了&#xff0c;在 Java 开发里&#xff0c;针对一些较为繁琐的操作&#xff0c;通常会有相应的简化方式&#xff0c;这个也不例外&#xff0c;就是spring提供的注…

RV1126+FFMPEG多路码流监控项目

一.项目介绍&#xff1a; 本项目采用的是易百纳RV1126开发板和CMOS摄像头&#xff0c;使用的推流框架是FFMPEG开源项目。这个项目的工作流程如下(如上图)&#xff1a;通过采集摄像头的VI模块&#xff0c;再通过硬件编码VENC模块进行H264/H265的编码压缩&#xff0c;并把压缩后的…

13.IIC-EEPROM(AT24C02)

1.为什么需要EEPROM? 在单片机开发中&#xff0c;断电数据保存是常见的需求。例如&#xff0c;智能家居设备的用户设置、电子秤的校准参数等都需要在断电后仍能保留。AT24C02作为一款IIC接口的EEPROM芯片&#xff0c;具备以下优势&#xff1a; 非易失性存储&#xff1a;断电后…

ubuntu22.04安装P104-100一些经验(非教程)

一、版本&#xff1a; 系统&#xff1a;ubuntu-22.04.5-desktop-amd64.iso Nvidia 驱动&#xff1a;NVIDIA-Linux-x86_64-570.124.04.run。官网下载即可 二、经验 1、通用教程⭐ 直接关键词搜“ubuntu p104”会有一些教程&#xff0c;比如禁用nouveau等 安装参考&#xff1a…

TCP7680端口是什么服务

WAF上看到有好多tcp7680端口的访问信息 于是上网搜索了一下&#xff0c;确认TCP7680端口是Windows系统更新“传递优化”功能的服务端口&#xff0c;个人理解应该是Windows利用这个TCP7680端口&#xff0c;直接从内网已经具备更新包的主机上共享下载该升级包&#xff0c;无需从微…

OSI七大模型 --- 发送邮件

我想通过电子邮件发送一张照片给我的朋友。从我开始写邮件到发送成功&#xff0c;按照这个顺序讲一下我都经历了OSI模型的哪一层&#xff0c;对应的层使用了什么样的协议&#xff1f; 完整流程示例&#xff08;补充物理层细节&#xff09; 假设你通过Wi-Fi发送邮件&#xff1a…

LINUX网络基础 [一] - 初识网络,理解网络协议

目录 前言 一. 计算机网络背景 1.1 发展历程 1.1.1 独立模式 1.1.2 网络互联 1.1.3 局域网LAN 1.1.4 广域网WAN 1.2 总结 二. "协议" 2.1 什么是协议 2.2 网络协议的理解 2.3 网络协议的分层结构 三. OSI七层模型&#xff08;理论标准&#xff09; …

【LLms】关键词提取

1. 停用词 在文本处理和信息检索领域&#xff0c;停用词&#xff08;Stop Words&#xff09;是指在文本中出现频率较高&#xff0c;但通常不包含实际语义信息或对语义理解贡献较小的词汇。这些词汇通常是一些常见的功能词&#xff0c;如冠词、介词、连词、代词、感叹词、助动词…

1998-2022年各地级市三次产业占比/地级市国内生产总值构成/地级市第一产业占比、第二产业占比、第三产业占比数据(全市)

1998-2022年各地级市三次产业占比/地级市国内生产总值构成/地级市第一产业占比、第二产业占比、第三产业占比数据&#xff08;全市&#xff09; 1、时间&#xff1a;1998-2022年 2、指标&#xff1a;第一产业占比、第二产业占比、第三产业占比 3、来源&#xff1a;城市统计年…

基于STM32的简易出租车计费设计(Proteus仿真+程序+设计报告+原理图PCB+讲解视频)

这里写目录标题 1.主要功能资料下载链接&#xff1a;2.仿真3. 程序4. 原理图PCB5. 实物图6. 设计报告7. 下载链接 基于STM32的简易出租车计费设计(Proteus仿真程序设计报告原理图PCB讲解视频&#xff09; 仿真图proteus 8.9 程序编译器&#xff1a;keil 5 编程语言&#xff1…

HAL库启动ADC的三个函数的区别

HAL_ADC_Start 应该是启动ADC转换的最基本函数。只是启动一次转换&#xff0c;然后需要用户自己去查询转换是否完成&#xff0c;或者可能只是单次转换。比如&#xff0c;当调用这个函数后&#xff0c;ADC开始转换&#xff0c;但程序需要不断检查某个标志位来看转换是否完成&am…

EXIT原理和使用

要用到的控制器NVIC(中断总控制器)、EXIT&#xff08;外部中断控制器&#xff09; (EXIT是NVIC是下属) GPIO外部中断简图 EXIT的基本概念 EXIT主要特性 EXTI工作原理框图&#xff08;从输入线开始看&#xff09; 6个寄存器 EXTI和IO的映射关系 AFIO简介 EXTI与IO对应关系 如…

经典核密度估计(Kernel Density Estimation):从直觉到数学

经典核密度估计&#xff08;Kernel Density Estimation&#xff09;&#xff1a;从直觉到数学 作为一名在大模型时代进入深度学习领域的研究者&#xff0c;你可能对 Transformer、扩散模型等现代技术驾轻就熟。然而&#xff0c;在阅读一些生成模型的文献&#xff08;如 Explic…

Halcon 算子 一维码检测识别、项目案例

首先我们要明白码的识别思路 把窗口全部关闭读取新的图片图像预处理创建条码模型设置模型参数搜索模型获取条码结果显示条码结果 图像预处理和条码增强 对比度太低&#xff1a; scale_image&#xff08;或使用外部程序scale_image_range&#xff09;,增强图像的对比度图像模糊…