前后端分离项目中，前端请求的常见问题

1. 跨域问题

一台计算机不同的端口会被识别为不同的域，在后端编写跨域规则时，要注意写明不同的端口。
CDN方式引用脚本，会使跨域情况变得复杂，对于需要发送AJAX请求的脚本，请与其他文件保存到同一位置再引用。

2.Token携带

token字符串放在请求头（Headers）中，格式为'Authorization': 'Bearer ' + Token，“Bearer”表示一种token加密算法，例如：

axios({method: "get",url: "http://127.0.0.1:8000/user/me",headers: {'Authorization': 'Bearer ' + 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiJqb2huZG9lIiwiZXhwIjoxNjM3MzExOTU3fQ.n5aNozSfEmLWXHQAQ8dZGm6wTFvW4pu7eAPDIyiyXIY'},}).then(response => (console.log(response.data))).catch()

3.表单发送

有些服务器限制只能使用表单（Form）格式发送数据，使用AJAX发送需要注意几点：

在请求头（headers）中加入属性'Content-type': 'application/x-www-form-urlencoded'。
在数据域不能使用JSON写法，应使用类似GET参数的字符串写法，例如：data: "username=johndoe&password=secret"

axios({method: "post",
url: "http://127.0.0.1:8000/token",
headers: {'Content-type': 'application/x-www-form-urlencoded'
},
data: "username=johndoe&password=secret",
})
.then(response => (response => (console.log(response.data)))
.catch()

前后端分离项目中，前端请求的常见问题相关推荐

springBoot 解决前后端分离项目中跨越请求，同源策略
今天在做项目的过程,采用前后端分离技术的时遇到采用ajax请求无法访问后台接口,按F12,查看浏览器运行状态时,报如下错误为了解决浏览的同源策略,就必须了解什么是同源策略. 1.什么是同源策略同源 ...
SpringBoot前后端分离项目中如何制作前端jar包（类似swaggerUI前端jar包制作方法）
SpringBoot前后端分离项目中如何制作前端jar包(类似swaggerUI前端jar包制作方法) 可用于SpringBoot引用的前端UI的Jar包,类似于SwaggerUI包 WABJAR介绍 ...
前后端分离项目，前端cookie获取不到的解决方案
最近在写前后端分离项目中发现,后端在response中添加cookie后 response.addCookie(cookie) 前端却无法拿到cookie,但是在网络抓包中确实存在cookie 但是在 ...
vue 新建的页面如何访问_Vue.js—实现前后端分离架构中前端页面搭建（四）（完）...
[Vue.js实现前后端分离架构中前端页面搭建] 二十.实现服务端登录业务前提:已经有单机版Eureka,端口8761.启动开Eureka 1. 新建父项目新建backend_parent. 为了 ...
阿里云视频上传视频获取进度条问题(使用session方案,获取进度一直为0的解决方案)补充:前后端分离项目中获取进度解决方案
1.场景描述: 之前用阿里云上传视频,前端反应上传视频经常出现获取视频url失败问题.但是接口我测过很多遍都是没有问题的.后台这边提供了一个视频上传的接口返回一个videoId,还提供了一个根据vid ...
推荐9个大气美观的前后端分离项目：前端react,vue,ts,ElementUI,Angular等，后端mysql,springBoot,myBatis,springSecurity,cloud等
文章目录 1. 引言 2. 微人事 2. 前后端分离博客项目 3. V部落博客管理平台 4. 基于SpringBoot的微信点餐系统 5. eladmin后台管理系统 6. NiceFish(美人鱼) ...
【精品】SpringSecurity在前后端分离项目中的应用
相关博客环境搭建 https://hcshow.blog.csdn.net/article/details/117083416 自定义登录逻辑 https://hcshow.blog.csdn.ne ...
pageoffice在vue+springboot前后端分离项目中的应用方法
1.因浏览器禁用插件无法使用内嵌在浏览器内部的pageoffice打开方式,需要使用4.0新增的POBrowser方式来在外部打开一个窗口去在线打开office 故下面介绍的是基于4.0在线打开文档的 ...
python+django+vue搭建前后端分离项目Part2——前端Vue
文章目录创建vue项目主要文件及其作用 src/components/ src/router/index.js src/main.js static/ 创建vue项目 (my_django) XX ...
(五)Debian Linux中部署Spring Boot + Vue的前后端分离项目详细过程(arm64/aarch64架构下)
专题系列往期文章目录 (一)移动端安卓手机改造成linux服务器&Linux中安装软件踩坑历险记 (二)Debian Linux系统中安装oracle JDK1.8详细过程(arm64/aar ...

前后端分离项目中，前端请求的常见问题

1. 跨域问题

2.Token携带

3.表单发送

前后端分离项目中，前端请求的常见问题相关推荐

最新文章

热门文章