
前端开发
文章平均质量分 61
tekin
激情,创新,进取!
展开
-
npm uniapp前端项目开发模式CORS跨越问题解决方法- vite server proxy代理vite.config.js / webpack.config.js dev-server配置方法
在进行前端 npm 项目的开发调试工作时,与后端实现数据交互是极为关键的环节。然而,在此过程中常常容易遭遇 CORS(跨源资源共享)跨域问题。通常而言,有以下两种行之有效的应对策略:其一,是直接于着手,。借助在服务端的响应中精准设置诸如等一系列特定的 HTTP 头字段,能够详细指定允许访问的源、请求所使用的方法,以及可接受的请求头信息,从而确保浏览器在面对跨域请求时,仅放行那些符合预先设定规则的请求,顺利通过 CORS 校验环节。其二,则是。原创 2025-01-04 13:22:48 · 462 阅读 · 0 评论 -
vue3 ts uniapp 路由/navigator跳转异常 TypeError: Cannot read properties of null (reading ‘type‘) 解决方法
vue3 ts uniapp的APP,在onShow或者onLoad生命周期函数里面做路由跳转时页面跳转过去了,但是跳转后的页面直接报TypeError: Cannot read properties of null (reading 'type') 异常无法正常显示。原创 2024-11-14 17:42:11 · 633 阅读 · 0 评论 -
图解 微信开发者工具 小程序源码 调试、断点标记方法 , 微信小程序调试器,真机调试断点调试方法,小程序网络API请求调试方法 总结
微信小程序的源码调试 在调试器里面的断点文件位于调试器-->Source -> Page -->appContext --> weapp:// 这个节点下 文件后缀为[sm]的js文件, 而真机调试的断点文件位于 真机调试窗口Source -> Page -> usr节点之下。 他们的调试方式与chrome的开发者工具里面的调试方式是一样的,只不过位置节点不一样而言, 对于其他的各种小程序的调试方法也都是大致一样的。原创 2024-10-09 19:50:31 · 3761 阅读 · 0 评论 -
vue axios http网络请求头包含非 CORS 白名单的请求标头 也被称作“简单标头”时, post, put,path,delete等请求CORS问题总结与解决方法
在我们从前端发送网络请求时所携带的标头非这些标头“Accept, Accept-Language, Content-Language, Content-Type, Range” 时即“非简单标头”。 当我们发送的请求头包含的请求头不是CORS 白名单的请求标头 时浏览器就会在请求发起之前自动发送一个预检请求。 只有在预检请求的结果OK后才会发起真正的请求。预检请求官方文档https://developer.mozilla.org/zh-CN/docs/Glossary/Preflight_request结果原创 2024-08-13 11:04:39 · 952 阅读 · 0 评论 -
http跨域网络请求中的CORS(跨源资源共享) 那些事 -- HTTP跨域请求, chrome插件跨域请求使用详解, origin格式,origin通配符等
本文详细讲解了什么是CORS,以及如何使用CORS,包含如何在服务端相应请求中设置CORS的相关请求头,以及origin的格式,通配符,http跨域请求, chrome插件跨域请求的详细设置方法等。原创 2024-08-07 11:15:43 · 2069 阅读 · 0 评论 -
js axios 网络请求参数中的 params 和 data 的区别 图示
前端开发中,我们常用的是axios这个网络请求库来发送我们的网络请求, 在axios中,params和data是有区别的,他们分别应对的是不同的使用场景。axios会将所有的请求数据附加到请求的url地址中,有请求数据长度的限制。一般用于GET请求。应用场景: 且请求参数不多,数据流很小的情况下,一般情况和GET配合使用。同时由于请求参数都暴露在了url里面,所以有安全风险,仅适用于非敏感数据的发送。如: 我们在params参数中发送一个ids数组类型的请求参数,则最后会生成类似这样的URL请求地址: /a原创 2024-07-22 17:04:22 · 772 阅读 · 0 评论 -
vue项目源码调试方法 ,chrome调试控制台工作区使用,利用chrome控制台调试vue项目源码的方法 图解
我们在开发vue项目的时候,项目开始后的第一件事情应该就是准备调试工作了,Chrome调试控制台就给我们提供了这样的一个方便的调试工作区。在这个时候我们再次却换到网页标签,就可以看到有2个vue文件,右下角带绿色标识的就是我们添加的项目中的真正的源码文件,而另外一个则是经过webpack处理后的源码文件。在我们点击允许后,chrome就会自动帮我们却换到工作区标签,同时会以高亮的形式显示我们当前浏览的页面和我们的项目源码的对应关系,如下图。选择之后会有一个提示,点击允许。原创 2024-07-19 10:33:49 · 1625 阅读 · 0 评论 -
node模块导入异常 SyntaxError: The requested module ‘/xxx.js‘ does not provide an export named ‘xxx‘ 解决方方法
node模块化开发里面导出的 export function xxx和 exportdefaultXXX 他们在导入的时候需要使用不同的导入方法,对于 export defaultXXX由于这里的XXX 对象他实际上就类似是一个匿名的对象,所以在你使用import导入的时候名称是可以由你自己随意的命名,故他不能使用命名方式导入, 而是应该将他单独作为一行来导入 ,即 import abcfrom '模块名' 这里的abc。原创 2024-07-19 09:44:38 · 3684 阅读 · 0 评论 -
js vue axios post 数组请求参数获取转换, 后端go参数解析(gin框架)全流程示例
这里将请求参数id统一转换为数组, 因为这里的请求参数id, 有可能是一个原始值 , 也有肯能是一个数组。//url可用性检测// 这里的参数id有可能是一个数组,也有可能是一个值,// 这里在最终发送的时候都转换为数组来传递// 创建一个数组arr = id;// 如果入参是一个数组 Proxy(Array) 则将他赋值给 arr} else {// 将参数id放入到数组中data: {ids:arr});原创 2024-07-18 12:51:36 · 1473 阅读 · 0 评论 -
CROS 预检请求 异常解决方法 authorization is not allowed by Access-Control-Allow-Headers in preflight response
CROS 预检请求 异常解决方法 has been blocked by CORS policy: Request header field authorization is not allowed by Access-Control-Allow-Headers in preflight response.原创 2024-05-30 10:18:34 · 581 阅读 · 0 评论 -
npm获取yarn在安装依赖时 git://github.com/user/xx.git 无法访问解决方法 -- 使用 insteadOf设置git命令别名
这样,当我们在使用 git://github.com/ 进行克隆和拉取远程仓库时,Git会自动将其转换为 https://github.com/ 这样就成功解决了这个git://无法拉取的问题。上面的命令执行后会在当前用户目录下面的 .gitconfig 文件中自动添加一下2行配置。当然这个别名设置命令也可以解决类似git无法访问或者访问协议相关的问题。使用insteadof设置git别名。原创 2024-05-29 18:54:56 · 650 阅读 · 0 评论 -
gyp ERR! stack Error: There was a fatal problem while downloading/extracting the tarball 解决方法
gyp ERR!stack Error: There was a fatal problem while downloading/extracting the tarball 这个错误提示就是告诉我们在解压下载的文件的时候发生了异常, 可检查相关的文件是否正常,如不正常可能是项目中依赖的文件版本变更,原来的文件失效了,删除项目下的 xxx.lock文件后重新下载即可。原创 2024-05-13 11:32:28 · 433 阅读 · 0 评论 -
ERROR: Failed to set up Chromium r982053! Set “PUPPETEER_SKIP_DOWNLOAD“ env variable to skip解决方法
ERROR: Failed to set up Chromium r982053! Set "PUPPETEER_SKIP_DOWNLOAD" env variable to skip解决方法原创 2024-05-13 10:55:02 · 970 阅读 · 3 评论 -
一行JS代码检测浏览器是否支持vue3
一行JS代码检测当前浏览器是否支持VUE3,是否是低版本浏览器。通过判断window对象中是否有支持Proxy代理即可。原创 2024-04-25 10:51:32 · 443 阅读 · 0 评论 -
js 获取当前浏览器平台(内核) 函数
js获取当前浏览器平台函数,用于判断当前是那种浏览器访问。原创 2024-04-17 09:10:19 · 809 阅读 · 0 评论 -
js在当前浏览器中获取当前操作系统平台代码 js函数
在浏览器中获取当前操作系统平台 windows , mac , Unix, linux, other 代码。原创 2024-04-17 09:01:17 · 395 阅读 · 0 评论 -
2023年全球热门编程语言排行榜
2023年全球热门编程语言top排行榜,数据来源stackoverflow。原创 2024-04-08 20:12:57 · 1297 阅读 · 0 评论 -
html页面自动跳转的2种方法 meta 与js和其跳转优先级
web html网页开发的时候我们经常用到html页面自动跳转, 常用的跳转方式有2种一种是通过html的meta标签刷新, 另外一种是通过JS代码。meta方式可用于无JS支持的页面自动跳转,优先级低于JS的跳转方式。原创 2024-04-04 09:48:08 · 940 阅读 · 0 评论