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.rhkb.cn/news/31269.html

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

相关文章

什么是vue的keep-alive?它是如何实现的?具体缓存了什么内容?

文章目录 一、keep-alive 的核心作用二、实现原理1. 缓存管理策略2. 核心源码解析&#xff08;Vue 2.x 简化版&#xff09;3. 缓存生命周期 三、缓存的具体内容1. 缓存对象结构2. 具体缓存内容 四、使用示例1. 基础用法2. 配置缓存策略 五、注意事项六、实现流程图解 Vue 的 k…

pytest基础知识

pytest知识了解 pytest的基础知识了解&#xff1a;Python测试框架之pytest详解_lovedingd的博客-CSDN博客_pytest框架 (包含设置断点&#xff0c;pdb&#xff0c;获取最慢的10个用例的执行耗时) pytest-pytest.main()运行测试用例&#xff0c;pytest参数&#xff1a; pytest-…

Liunx(CentOS-6-x86_64)使用Nginx部署Vue项目

一&#xff1a;编译vue项目和上传到linux系统 通过本地编译器编译后的文件 上传服务器后的 二&#xff1a;安装 node&#xff08;版本 v16.20.2&#xff09;和npm&#xff08; 8.19.4或 9.6.5&#xff09; 备注一&#xff1a;安装nodejs就是安装node和npm&#xff0c; su…

分布式锁—Redisson的同步器组件

1.Redisson的分布式锁简单总结 Redisson分布式锁包括&#xff1a;可重入锁、公平锁、联锁、红锁、读写锁。 (1)可重入锁RedissonLock 非公平锁&#xff0c;最基础的分布式锁&#xff0c;最常用的锁。 (2)公平锁RedissonFairLock 各个客户端尝试获取锁时会排队&#xff0c;按照队…

2025年渗透测试面试题总结-字某某动-安全研究实习生(一面)(题目+回答)

网络安全领域各种资源&#xff0c;学习文档&#xff0c;以及工具分享、前沿信息分享、POC、EXP分享。不定期分享各种好玩的项目及好用的工具&#xff0c;欢迎关注。 目录 字某某动-安全研究实习生&#xff08;一面&#xff09; 一、岗位认知与方向选择 1. 对公司业务的理解 …

Dify平台部署记录

安装dify项目 官网地址&#xff1a;http://difyai.com/ github地址&#xff1a;https://github.com/langgenius/dify 下载项目&#xff1a; git clone https://github.com/langgenius/dify.git下载过慢&#xff0c;直接访问网页下载zip压缩包&#xff1a; 解压&#xff0c;…

串口数据记录仪DIY,体积小,全开源

作用 产品到客户现场出现异常情况&#xff0c;这个时候就需要一个日志记录仪、黑匣子&#xff0c;可以记录产品的工作情况&#xff0c;当出现异常时&#xff0c;可以搜集到上下文的数据&#xff0c;从而判断问题原因。 之前从网上买过&#xff0c;但是出现过丢数据的情况耽误…

如何用HTML5 Canvas实现电子签名功能✍️

&#x1f916; 作者简介&#xff1a;水煮白菜王&#xff0c;一位资深前端劝退师 &#x1f47b; &#x1f440; 文章专栏&#xff1a; 前端专栏 &#xff0c;记录一下平时在博客写作中&#xff0c;总结出的一些开发技巧和知识归纳总结✍。 感谢支持&#x1f495;&#x1f495;&a…

Uniapp项目运行到微信小程序、H5、APP等多个平台教程

摘要&#xff1a;Uniapp作为一款基于Vue.js的跨平台开发框架&#xff0c;支持“一次开发&#xff0c;多端部署”。本文将手把手教你如何将Uniapp项目运行到微信小程序、H5、APP等多个平台&#xff0c;并解析常见问题。 一、环境准备 在开始前&#xff0c;请确保已安装以下工具…

Python设计模式 - 建造者模式

定义 建造者模式是一种创建型设计模式&#xff0c;主要用于构建包含多个组成部分的复杂对象。它将对象的构建过程与表示分离&#xff0c;使得同样的构建过程可以创建不同的对象表示。 结构 抽象建造者&#xff08;Builder&#xff09;&#xff1a;声明创建产品的各个部件的方…

音乐API

https://neteasecloudmusicapi.vercel.app/docs/#/https://neteasecloudmusicapi.vercel.app/docs/#/ 使用实例 所有榜单内容摘要 说明 : 调用此接口,可获取所有榜单内容摘要 接口地址 : /toplist/detail 调用例子 : /toplist/detail 获取歌单所有歌曲 说明 : 由于网易云…

Jetpack Compose — 入门实践

一、项目中使用 Jetpack Compose 从此节开始,为方便起见,如无特殊说明,Compose 均指代 Jetpack Compose。 开发工具: Android Studio 1.1 创建支持 Compose 新应用 新版 Android Studio 默认创建新项目即为 Compose 项目。 注意:在 Language 下拉菜单中,Kotlin 是唯一可…

【day12】进程切换与调度:linux系统的幕后操控术

【Day12】进程切换与调度&#xff1a;linux系统的幕后操控术 进程优先级进程属性&#xff1a;UID进程属性&#xff1a;PRI和NI进程饥饿 竞争/独立/并行/并发进程切换进程调度&#xff08;O(1)调度算法&#xff09; 进程优先级 进程优先级的本质&#xff1a;衡量进程得到CPU资源…

STM32之BKP

VBAT备用电源。接的时候和主电源共地&#xff0c;正极接在一起&#xff0c;中间连接一个100nf的电容。BKP是RAM存储器。 四组VDD都要接到3.3V的电源上&#xff0c;要使用备用电池&#xff0c;就把电池正极接到VBAT&#xff0c;负极跟主电源共地。 TEMPER引脚先加一个默认的上拉…

mapbox高阶,结合threejs(threebox)添加管道

👨‍⚕️ 主页: gis分享者 👨‍⚕️ 感谢各位大佬 点赞👍 收藏⭐ 留言📝 加关注✅! 👨‍⚕️ 收录于专栏:mapbox 从入门到精通 文章目录 一、🍀前言1.1 ☘️mapboxgl.Map 地图对象1.2 ☘️mapboxgl.Map style属性1.3 ☘️threebox Tube静态对象二、🍀使用thr…

Android15使用FFmpeg解码并播放MP4视频完整示例

效果: 1.编译FFmpeg库: 下载FFmpeg-kit的源码并编译生成安装平台库 2.复制生成的FFmpeg库so文件与包含目录到自己的Android下 如果没有prebuiltLibs目录,创建一个,然后复制 包含目录只复制arm64-v8a下

利用FatJar彻底解决Jar包冲突(三)

利用FatJar彻底解决Jar包冲突 Spring 容器的加载与隔离⽀持注解配置⽂件定位与容器初始化嵌套Spring容器的加载 隔离优化EagleEye traceId不⼀致问题原因解决 Spring 容器的加载与隔离 ⽀持注解 这个⽐较容易&#xff0c;主要是我们之前的应⽤不⽀持⼆⽅包内部的注解&#xf…

ThinkPHP8.0+MySQL8.0搭建简单实用电子证书查询系统

客户花了100元买了一个系统&#xff0c;开始不能导入&#xff0c;到处找人帮忙解决。给解决能导入了&#xff0c;不能修改&#xff0c;满足不了用户的需求。用户一狠心&#xff0c;花200块钱&#xff0c;叫我给他定制了一个电子证书查询系统。还免费给部署到服务器。惭愧惭愧……

越早越好!8 个反直觉的金钱真相|金钱心理学

很多人都追求财富自由&#xff0c;但成功的人少之又少。 这可能是因为&#xff0c;人们往往忽略了一些金钱的真相和常识。 01 金钱常识 & 真相 为了构建健康的金钱观&#xff0c;我读了一本有点反直觉&#xff0c;有点像鸡汤&#xff0c;但都是财富真相的书。 来自 Morg…

文本转语音-音画适时推送rtsp并播放

文本语音 rtsp适时播放叫号系统的底层逻辑 发布Linux, unix socket 和window win32做为音频源的 python10下的(ffmpeg version 7.1) 可运行版本. 这两天在弄这个&#xff0c;前2篇是通过虚拟声卡&#xff0c;达到了最简单的一个逻辑&#xff0c;播放文本就从声卡发声&#xff0…