- 博客(15)
- 收藏
- 关注
原创 Vue-router在history模式下二级页面刷新404问题
当使用Vue Router的history模式时,在刷新二级页面时出现404 NGINX的字样,通常是由于服务器配置不正确导致的。然后,Vue应用会加载并解析URL中的哈希部分,根据路由配置来渲染正确的页面。然而,由于在history模式下,这个路由并不对应一个实际的文件路径,服务器会返回404错误。这个文件是Vue应用的入口文件,它会加载Vue Router,并根据路由配置来渲染正确的页面。在哈希模式下刷新页面时,浏览器会发送一个请求到服务器,但服务器会忽略URL中的哈希部分,继续返回。
2023-08-07 16:51:42 2004 1
原创 跨域问题的解决(CORS、Proxy、CSP问题)
在我的项目正式上线后,我修改了允许通过的域名和端口号,解决了大部分资源的跨域问题,但是由于我的博文是由MD文档解析成HTML的,其中博文的图片是单独用img标签的src使用url进行图片的获取的。
2023-08-07 16:37:00 465 1
原创 本地服务端资源无法使用http获取
在实现上传图片同时将服务端返回的url,从而实现一个简单的上传图片显示缩略图的效果,但是当图片成功上传之后,以至于成功返回URL之后,却无法正常显示图片,获取的URL经过中间件处理,我企图希望url为服务端的文件夹位置,但是由于没有经验,所以不知道要怎么书写http格式的URL。其次就是中间件的部分,其中限制了图片的规格等,防止上传不符合要求的图片,否则抛出异常,返回给浏览器。file:///D:/项目位置/assets/imageUpload/xxx1.jpg。
2023-07-19 17:33:48 155
原创 (算法)使用JS实现将XML解析为Dom树
(2)标签或属性名只包含字母、数字和下划线,且不以数字开头。(1)合乎XML语法,不包含注释或者处理指令。(3)属性值只包含双引号或单引号。
2023-07-06 21:24:48 184 1
原创 关于“Class private methods are not enabled.”问题
我也不是很懂具体的配置信息,主要是修改了其中的loose:true属性,最终才消除了问题。在网上搜了很多答案,能了解到是babel配置问题,因此又使用了一些方法。
2023-06-29 19:07:18 2192 2
原创 处理父组件数组数据的思路(reactive处理)
由于最近打算简单写一个个人博客项目练习,在实现服务端传递数据给父组件,父组件将获取到的具体数据传递给子组件时遇到了很多问题。要注意,这里我使用了article.value[0]来进行数据的接收,这是因为由于我使用的是reactive来定义的articles,但是实际上前面不需要使用value来定义,因为到了这一步时,value成了一个无中生有的数组,因此需要通过特殊处理(绕远了,不过后来重写了这部分代码,改成了ref)。
2023-06-29 19:02:24 88 1
原创 Promise知识点
必!须!得!掌!握!。而且还要掌握透彻,在实际的使用中,有非常多的应用场景我们不能立即知道应该如何继续往下执行。最常见的一个场景就是ajax请求,通俗来说,由于网速的不同,可能你得到返回值的时间也是不同的,这个时候我们就需要等待,结果出来了之后才知道怎么样继续下去。在ajax的原生实现中,利用了onreadystatechange事件,当该事件触发并且符合一定条件时,才能拿到想要的数据,之后才能开始处理数据,这样做看上去并没有什么麻烦,但如果这个时候,我们还需要另外一个ajax请求,这。
2023-06-10 17:53:17 98
原创 JavaScript学习笔记
(1)document.write(‘要输出的内容’),是输出语法,如果内容含标签,那将会解析成网页元素(2)alert(‘输出的内容’),页面弹出对话窗进行输出(3)console.log(‘输出的内容’),控制台输出语法,用于日志查看(4)prompt(‘’),是输入语法,会有弹窗进行输入,并获取所输入的信息。
2023-06-10 17:48:14 174
原创 静态网页简单实现本地存储和会话存储
getItem主要用于从存储器里获取值,setItem主要是用于将值存储进入到存储器中,不过由于本地存储和会话存储中可存储量比较少,由于二者特性,通常将本地存储用于记录用户的习惯和喜好便于下次登录,回话存储通常用于记录临时表单数据等。而会话存储的数据则只在当前会话有效,当用户关闭浏览器或者标签页时,会话存储的数据会被清除。但是,本地存储是存储在本地硬盘上的,而会话存储是存储在浏览器内存中的。数据共享:本地存储的数据可以在同一域名下的不同页面共享,而会话存储的数据只能在同一页面内共享。
2023-05-02 09:07:40 439 1
原创 Vue学习的前期环境以及脚手架的搭建
安装好node之后就可以安装nodejs的包管理器——npm,由于其源在国外,所以国内用户的话推荐使用npm淘宝镜像https://registry.npm.taobao.org,在cmd里输入npm config set registry +镜像地址,就能配置好npm,同样的,在cmd中输入npm -v就能检查是否已经安装好npm以及对应的版本。VScode的下载官网链接。,在下载好nodejs之后可以启动cmd输入node -v检查是否安装成功,如果弹出来对应的node版本,那就是安装好了。
2023-04-01 22:25:18 67 2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人