文章目录前言一、什么是代理?二、前端配置代理1.vue配置代理2.vite配置代理前言我们在做项目的时候经常会遇到跨域的问题,之所以会出现跨域问题是因为浏览器的同源策略,即协议、域名、端口需要一致,才可以访问服务端的资源。当一个请求地址(服务端的地址)的协议、域名、端口三者之间任意一个与当前页面地址(前端页面地址)不同即为跨域。一、什么是代理?代理就是通过一个特定的网络服务去访问另一网络服务的一种间接访问方式。就像我们访问国外网站使用VPN一样,同样也是使用了代理。可以理解为前端访问一个服务器地址(出现了跨域),而代理就相当于一个中间的地址转换,让前端不直接访问服务器,而是通过代理的中间转换来
uniswap构建前端项目也就是interface时出现如下报错!$nodefetch-schema.jsFailedtofetchschemafromhttps://api.thegraph.com/subgraphs/name/uniswap/uniswap-v3Failedtofetchschemafromhttps://api.uniswap.org/v1/graphqlDonein22.63s.yarnrunv1.22.19$yarnrelay&&yarnrelay-thegraph$relay-compilerrelay.config.js[ERROR]Config`D:\work
获取后端流的请求responseType必须使用arraybuffer将后端数据刘转换为base64再转换为本地图片html与data//{codeImg}}"/>//data={codeImg:'',}简单版asyncgetImage(codeUrl){letres=awaitwepy.request({url:'url',method:'POST',data:{data,},header:{'Content-Type':'application/json;charset=UTF-8',Authorization:sessionToken,},responseType:'arraybuffe
处理403Forbidden问题目录1、权限资源不够2、静态资源容器内部找不到分析问题原因:第一,权限资源不够,第二,静态资源没有挂载到nginx容器中指定root目录下1、权限资源不够打开nginx.conf配置文件usernginx;worker_processesauto;error_log/var/log/nginx/error.lognotice;pid/var/run/nginx.pid;events{worker_connections1024;}http{include/etc/nginx/mime.types;default_typeapplication/octet-str
背景文件的上传是系统的必备功能,Element提供了上传组件upload,也基本能满足常见常用的文件上传功能,特别是应对小型文件(10M以下)的处理。但如果是遇到要求更多更高的场景,上传几百兆甚至上G的视频文件,要求分块上传,能断点续传,显示进度,能暂停,能重试……这时候就显得乏力了。如果基于upload实现,需要附加大量的二次开发,这未必是一种最佳实现方案。这时候,就需要找一找看一看,市面上是否有现成的“轮子”可用了。接下来,分两篇,分别介绍下前端实现和后端实现,今天首先来说下前端那些事儿。技术选型vue-simple-uploader,作者对vue3做了适配。官网https://githu
全局异常处理器负责将抛出的异常,以统一的格式返给前端。在这里起主要作用的注解是@RestControllerAdvice。@RestControllerAdvice主要配合@ExceptionHandler使用,统一处理异常情况。1、@RestControllerAdvice注解,可以用于定义@ExceptionHandler、@InitBinder、@ModelAttribute,并应用到所有@RequestMapping中。2、@RestControllerAdvice是组件注解,他使得其实现类能够被classpath扫描自动发现,如果应用是通过MVC命令空间或MVCJava编程方式配置
目录前言使用Lighthouse报告解读使用Chrome中resource(性能)前言我们多数性能测试,基本上针对接口的性能测试,很少涉及到前端页面的性能测试。但影响用户体验的因素除了后端接口数据的返回,还有前端页面的渲染等等。所以我们除了在开发的过程中注意代码的质量,同时还需要专业的网站测试工具辅助,让我们知道自己的网页还有哪些需要更为优化的方面。Lighthouse是一个开源的自动化工具,用于帮助改进网络应用的质量。可将其作为一个Chrome扩展程序运行,或从命令行运行。Lighthouse分析web应用程序和web页面,收集关于开发人员最佳实践的现代性能指标和见解,让开发人员根据生成的评
一、Git仓库管理项目二、购买云服务器三、搭建服务器环境(重点)四、Jenkins进行自动化部署(重点)提示:本地项目自动化部署流程,如下图一、Git仓库管理项目Git的安装和配置在这里就不做说明了1、首先在Git仓库中创建一个仓库,用来保存本地项目,这里使用Gitee 2、按照上图指示,在本地项目的目录下使用终端将项目push到Git仓库中,如下:二、购买云服务器至于服务器使用阿里云、腾讯云、华为云等都可以,看自己的需求,以阿里云为例,要提前注册阿里云账号1、来到控制台 2、创建实例选择类型和配置,根据个人需求来 3、配置网络安全组这一步在配置安全组事,除了默认的访问端口,另要放开8080
在Unity官方文档中就已经介绍了Unity和JS相互调用的问题,但是我们实际的应用中往往是使用iframe来展示WebGL。这样不但是webgl和js相互调用的问题,还包含了iframe跨域的问题。我们的项目中前端使用的是angular框架,就以angular为基础来说一下这个问题,当然vue的前端框架应该都一样的原理。首先说一下unity和js相互调用的问题Unity和JS的相互调用unity调用js:1.首先在Unity/Assets/Plugins目录下存放你需要调用的js。2.在Plugins目录下新建文本文档__Internal,后缀改为jslib。 3.编写脚本内容。mergeI
🙂博主:小猫娃来啦🙂文章核心:探索微信小程序、Vue、React和Uniapp生命周期文章目录微信小程序、Vue、React和Uniapp的基本定义和应用领域微信小程序生命周期生命周期概述页面生命周期应用生命周期组件和API的生命周期钩子Vue生命周期生命周期钩子函数响应式监听与生命周期关联生命周期的钩子函数在实际开发中的应用数据获取异步操作页面刷新参数传递与响应动态样式和类绑定生命周期钩子函数的应用扩展React生命周期类组件生命周期方法声命周期方法的触发条件和顺序使用ReactHooks对生命周期的变化与影响依赖项【】的解析useEffect是三合一的hook吗?Uniapp生命周期Uni