web前后端小坑记录

已于 2024-02-06 17:15:21 修改
阅读量311 收藏
点赞数 1
文章标签： 前端 后端 vue go gin
于 2024-02-06 17:09:20 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dxgzg/article/details/136059471
版权
本文记录了在游戏服务器维护期间处理F5刷新问题的方法，强调后端应返回index.html而非重定向，同时提到了前端使用vite.config时base配置的重要性，以及解决静态资源URL前缀错误的打包参数调整经验。
摘要由CSDN通过智能技术生成

游戏服务器过年这段时间忙完了，好久没看web了，重温一下。发现竟然没有文章记录这些修BUG的过程，记录一下。

目录

如何处理F5刷新？

后端应该发现路由不存在，直接返回打包好的index.html就好了，让前端来控制路由而不是重定向到’/'根目录。

前端的vite.config需要注意base，这个按我的理解就是静态资源的url路径加什么前缀，如果是./就表示了相对路径而不是绝对路径。默认和/是绝对路径。我遇到的bug就是静态资源莫名其妙的加了不应该出现的前缀，查了下是前端打包的参数设置的不对
在这里插入图片描述

dxgzg
关注
记录整合前后端（小demo）所遇到的问题和解决方法。
张凯杰扽博客
07-11 655
本篇博客仅用于自己记录问题，方便之后自己回头观看。 如果文章中有您可以借鉴的地方，鄙人不胜荣幸，倘若文中有表述不确切的地方，还请大神们勿喷，勿喷，在此谢过。 需求：做一个前后端分离的简单的的demo熟悉下前后端分离的流程。可以在前端进行增删改查。 技术：前端：vue-cli2.0版本，后端springboot2.3版本。 前端页面： 看vue项目整合时所遇到的问题和自己感觉所收获的东西。 语法上是没有错误的。在写vue的 dome的时候，在进行局部导入的时候，老出问题，最后解决的是单词写错了，导入的时候的
微信小程序开发填坑记录
凌凌小博客
02-13 1698
最近因为需要帮女朋友实现一个微信小程序，所以去了解了一下小程序的开发。对于微信小程序的开发，之前完全没接触过（但有一些前端开发经验），作为完全的新手，入手资料肯定是微信小程序开发文档，根据这些天的开发过程的经验来看，最好先详细的过一遍官网的文档，大部分的坑是因为没有详细阅读文档，而另一部分坑是因为文档没有写。。。 注：项目架构是：C/S架构，前后端完全分离，前端：微信小程序，后端：springbo...
前后端分离时遇到的坑
weixin_30341735的博客
11-28 167
(1) 当请求type错误时，会返回服务器会返回一部分不认识的HTML，导致不能解析返回结果进行下一步操作，这是由于请求头的原因，请求头里面需要设置Content-Type:application/x-www-form-urlencoded，所以做web开发的时候，http的各种请求头的含义是什么，一定要搞清楚噢，所以这里记录一下http的请求头(百度上有): 1. HTTP请求头 accep...
nginx前后端分离遇到的一些坑
热门推荐
u012954380的博客
10-18 1万+
公司最近在重构项目,使用nginx做前端服务器,转发,负载均衡,限速等等,遇到了一些坑,记录下来. 1.使用nginx做web服务器 #前端页面服务器 server { #监听端口和域名 listen 80; server_name 172.18.58.31; #添加头部信息 pr...
前后端分离项目token怎么验证_前后端分离项目——登录Token校验思路
weixin_39586825的博客
12-19 3467
前言根据token校验当前用户登录状态是Web项目的常见手段，我给自己的项目做token校验功能时，发现网上很多文章代码高度相似，实现的思路也差不多(基本都是前端校验后从router入手去做页面拦截)。所以想自己写一篇文章记录一下自己实现的思路，实现功能的前提在于需求，希望能够给相关开发人员一个参考。需求思考对token的校验分为前端和后端对后台来说，并不是所有的请求都需要用户登录后才可以执行，所...
前后端分离模式开发总结
珞南的开发笔记
12-15 3317
前后端分离的核心思想是前端页面通过调用后端的 RESTful API 接口并使用 json 格式数据进行交互。前后端除了数据的传输外，没有太多的联系，所以前后端人员可以独立开发，独立测试，独立部署。
uni-app + .net8 webapi 微信小程序调用微信支付全流程前后端详细代码分享，一步到位搞定小程序支付
OneneXXJ的博客
06-12 694
微信支付官方没有C# .net的SDK，虽然社区里也有集成好的，但是总感觉过于臃肿，只想要一个单纯的小程序支付，于是决定自己写，网上的代码比较零散，踩了不少坑，结合了许多代码最后终于实现了功能，把全流程写出来记录分享一下，希望对大家有所帮助在开始编写之前，请先对照官方文档，完成，获取所需的密钥等，本文的代码完全参照微信官网文档流程按顺序编写，可能有些繁琐，但方便一步一步的测试，大家可以自行优化。
SpringBoot + Vue 前后端分离项目下载视频文件踩坑记录
Demo_Null
06-18 1571
☞ 背景   项目服务端用的是 SpringBoot + SpringCloud + SpringDataJPA，前端用的是 Vue，有一个功能需要下载从监控中截取的视频(mp4)，该视频由另一程序截取好放在某一目录下，使用 nginx 进行访问跳转，例如：视频：http://xx.xx.xx.xx:81/videoPath、web： http://xx.xx.xx.xx。 ☞ 坑一：a 标签 let link = document.createElement('a') link.setAttribut
mpvue+vant+koa2+Wafer2+Router小程序前后端开发采坑过程记录
Wion Wan
06-10 1969
端午两个下午做了一个前后端都自己动手的小程序demo，用来熟悉小程序开发流程和node的开发后端开发框架Koa，过程还算比较顺利。 完成的基本功能 mpvue+vant 搭建了一个template，可以快速开始小程序的前端开发 配置后端koa的server，对接到腾讯云 修改为本地开发环境，对接本地的MySQL等 数据库的增删改查 路由的跳转 读取MySQL生成Excel，返回文件到前端，微信端...
基于Spring Boot + Vue 前后端分离个人博客网站设计
Lv Zejiang
06-17 9418
个人博客网站摘要一、绪论1.1 课题背景、目的、意义1.2 国内外研究现状1.3 技术介绍1.3.1 Spring Boot1.3.2 MyBatisPlus1.3.3 Shiro1.3.4 Redis1.3.5 Jwt1.3.6 Vue1.3.7 Element-ui1.3.8 Axios1.3.9 前后端分离二、可行性分析2.1 技术可行性分析2.2 时间和资源可行性三、需求分析3.1 用户分析3.2 功能需求分析3.3 流程分析四、结构设计4.1 实体e-r图4.2 数据库设计五、详细设计六、系统测试
Vue2+Node.js前后端分离项目部署到云服务器
SongD1114的博客
04-15 5607
Vue2+Node.js前后端分离项目部署到云服务器
javaweb 课设常见问题及其解决总结 前后端交互部分
wayne_lee_lwc的博客
07-19 2759
前言 做完课设很久了，做课设的过程中遇到了很多问题，有些问题很沙雕，有些问题坑很深，但是不论什么，解决他们花费了很长时间和精力，甚至让博主几近崩溃（拼写错误debug一下午是真的难顶）。不过更多的情况是各路博主的百家饭，把一个一个的技术要点搞明白。 我认为这是值得的，因为发现问题——寻找答案——解决问题的过程就是一种高效学习。好在浏览器有浏览记录，能让我看见做课设的几周的心路和成长历程 （第一次提到浏览记录而没产生快删的想法） 在此，我打算把做课设过程中遇到的问题进行一下汇总，如果你也在做javaweb的课
Vue实战教程：如何用JS封装一个可复用的Loading组件
Jiaberrr的博客
09-28 459
通过以上步骤，我们成功在Vue项目中封装了一个可复用的Loading组件。在实际开发中，我们可以根据项目需求对Loading组件进行样式和功能的扩展，使其更加完善。封装组件是提高代码复用性和维护性的有效手段，希望本文能对你有所帮助。
登录功能开发 P167重点
最新发布
2303_81204446的博客
09-30 200
前端无法识别controller方法，因此存在Dispa什么的。Claims：jwt中的第二部分。
Webpack 打包后文件过大，如何优化？
官方推荐
09-30 3034
Webpack 打包后文件过大，如何优化？
前端规范工程-2：JS代码规范（Prettier + ESLint）
Vinca@的博客
09-26 753
Prettier 主要关注代码的格式，而 ESLint 则关注代码的质量和规范。结合使用这两个工具，可以极大地提高代码的可读性和维护性，同时减少潜在的错误和不一致性。
前端面试经验总结2(经典问题篇)
rita_0567的博客
09-28 891
因为计算机技术的快速发展，所以程序员如果不能保持对技术的持续性学习，会更容易的被淘汰，我从来不觉得程序员是一个轻松的职业，但是程序员是我最热爱的职业，我做好了充足的准备让自己能够长期在前端行业深耕。既要扩充自己的知识宽度，同时又不要一味的追求学习的东西越多越来，今天学两天这个，明天学两天那个，工作中又没有得到使用的话，很快也都会忘记的。了解，贵公司主要是在xxx行业从事xxx业务，贵公司所处的行业是我非常看好的，我感觉贵公司的氛围我很喜欢，比如xxxx。遇到了哪些挑战，我如何在不利的条件下成长起来的。
构建.NET Core Web API为Windows服务安装包
学习和分享
09-28 296
请注意，以上步骤仅适用于将.NET Core Web API作为Windows服务安装。如果需要更高级的功能，例如服务启动类型、日志记录等，可能需要进一步的自定义和配置。安装完成后，.NET Core Web API将作为Windows服务在目标服务器上运行。可以通过NuGet包管理器或在.csproj文件中手动添加引用。方法，以便将Web API应用程序作为Windows服务运行。创建一个新的.NET Core Web API项目或使用现有的项目。文件夹中，找到发布的Web API应用程序和安装脚本。
在写web前后端交互系统时，遇到的问题
07-09
在编写Web前后端交互系统时，可能会遇到一些常见的问题。以下是一些可能遇到的问题及其解决方法： 1. 跨域问题：如果前端代码和后端代码部署在不同的域名下，可能会出现跨域请求的问题。解决方法可以是在后端服务器...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值