本文介绍了在Vue项目中使用el-upload组件上传文件时遇到的跨域问题及其解决方法。首先解释了跨域的含义和同源策略，然后讨论了常见的跨域解决方案如JSONP和CORS。接着详细描述了使用Vue和axios在TP5.1框架下上传文件时遇到的特定跨域问题，即请求类型错误。通过设置请求头为multipart/form-data并转换为form数据上传，结合处理options请求，成功解决了跨域问题。
一：首先说一下什么是跨域，跨域就是解决浏览器同源策略的问题。php
那话又说回来了，什么是同源策略呢，(名词解释：同源策略(Same origin policy)是一种约定，它是浏览器最核心核心也最基本的安全功能，缺乏了同源策略，则浏览器的正常功能可能都会受到影响。能够说Web是构建在同源策略基础之上的，浏览器只是针对同源策略的一种实现。) 简单来讲同源策略就是为了保证用户信息安全，放着窃取数据从而禁止不一样域之间的js 交互的。前端
那什么状况是不一样域呢？vue
1.域名不一样，ios
2.域名相同端口不一样程序员
3.协议不一样json
其上有一点不一样为跨域。那么咱们有时先后端分离又不得不对跨域进行处理axios
二：跨域解决方法主要包括后端
1.jsonp 2.CORS是跨源资源分享(Cross-Origin Resource Sharing)的缩写，如今对于这两种方法的使用文章一大摞，很少赘述跨域
三：下面是我使用vue el-upload 上传文件遇到的跨域问题浏览器
做为一名php 程序员临时修改以前使用的项目，正好前端使用的vue ,历来没有使用过vue,当时vue对接的是ci框架写的接口，须要转移至tp5.1框架的接口。一个神奇的现象就是在Ci框架可使用，在tp5.1框架的接口就涉及到跨域问题
这是我使用的上
最低0.47元/天 解锁文章
扫一扫
1243
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
