、、、、、、、、、、、仅对以前所学做复习记录使用、、、、、、、、、同源策略：http协议、主机名、端口号都要相同。因为浏览器同源策略的影响，向后端服务器请求数据的时候，不能进行访问。 可以采用代理服务器的方式，代理服务器： 浏览器向一个相同同源策略的代理服务器上请求资源，因为服务器之间没有同源策略，代理服务器就去找后端服务器请求资源，在返回给浏览器解决方法一：在根目录下新建vue.config.j
转载
2024-06-03 21:51:46
107阅读
1.什么是跨域？遇到Access-Control-Allow-Origin那就说明跨域了 跨域是因为浏览器的同源策略所导致，同源策略（Same origin policy）是一种约定，它是浏览器最核心也最基本的安全功能，同源是指：域名、协议、端口相同。如果其中有一项不同，即出现非同源请求，就会产生跨域。注：跨域并不是请求发不出去，请求能发出去，服务端能收到请求并正常返回结果，只是结果被浏览器拦截了
转载
2023-12-12 19:27:09
23阅读
vue
原创
2022-07-22 09:35:32
286阅读
@TOC一、跨域是什么？跨域问题指的是在浏览器端，当一个网页的脚本（如JavaScript）向另一个域名的网站发起请求时，如果两个网站的域名不一致，就会出现跨域问题。由于浏览器的同源策略（Same Origin Policy），默认情况下，脚本只能访问同一个域名下的资源，不能访问其他域名下的资源。二、跨域问题的解决方法1.JSONPJSONP (JSON with Padding) 是一种在客户端
转载
2023-11-26 20:57:39
12阅读
...
转载
2021-09-14 10:49:00
549阅读
2评论
## 如何在Vue中使用axios实现跨域请求
作为一名经验丰富的开发者，你需要教导刚入行的小白如何在Vue项目中使用axios实现跨域请求。下面是整个过程的步骤：
```mermaid
erDiagram
用户 -- Vue项目
Vue项目 -- axios
axios -- 服务器
```
### 步骤
| 步骤 | 操作 |
| ---- | ---- |
|
原创
2024-05-18 04:04:06
25阅读
路径在/config/index.js 中，找到dev.proxyTable。如下配置示例： 那么当我们请求 http://localhost:8888/api/ 的时候,就等于请求了 http://oatest.bujidele.com:8010/apitest/api/tydproject/do
转载
2018-02-07 09:43:00
285阅读
2评论
比如 我要请求的地址是
原创
2022-09-01 20:27:50
219阅读
config里面的index.js dev => proxyTable '/abc':{ target: 'http://localhost:8083', changeOrigin: true, //可由后端通过request.getHeader('Host')获取请求地址 pathRewrite: ...
转载
2021-08-12 16:22:00
376阅读
2评论
一.什么是跨域 跨域问题的出现是因为浏览器的同源策略问题，所谓同源:就是两个页面具有相同的协议（protocol），主机（host）和端口号（port），它是浏览器最核心也是最基本的功能，如果没有同源策略我们的浏览器将会十分的不安全，随时都可能受到攻击。 当我们请求一个接口的时候，出现如：Acces ...
转载
2021-09-13 16:03:00
275阅读
2评论
前言工作中用到了消息推送功能，之前了解过SOCKET 无意中了解到即时通讯框架SocketIO 简单说两句Socket.IO 是什么Socket.IO是一个库，基于 Node.js 的实时应用程序框架。可以在浏览器和服务器之间实现实时，双向和基于事件的通信。它适用于每个平台、浏览器或设备，同样注重可靠性和速度。Socket.IO 起源WebSocket 的产生源于 Web 开发中日益增长的实时通信
转载
2024-08-12 21:08:50
79阅读
最近在从0开始学习构建vue项目，偶尔记录笔记。首先我们知道跨域是浏览器为了安全而做出的限制策略，保证浏览器的请求只能遵循同源策略：同域名、同端口、同协议。常用的解决跨域问题的方法有CORS跨域、JSONP跨域、代理跨域等。其中CORS跨域只需要后端进行修改即可，但后端方面改动会略为麻烦；JSONP跨域的话前后端都需要修改，前端不仅要另外下载jsonp插件，并且不能使用axios来进行请求，后期修
转载
2024-01-29 15:55:39
125阅读
跨域的含义 跨域的本质就是浏览器基于同源策略的一种安全手段。所谓同源就是必须有以下三个相同点：协议相同、主机相同、端口相同。如果其中有一项不同，即出现非同源请求，就会产生跨域。 跨域实际上是浏览器的限制，开发中使用 postman请求接口能够获得数据就印证了跨域是浏览器的限制这个问题。解决方法 一般前端中解决跨域问题的方法有 JSONP，CROS，Proxy等，这里我们主要讲解一下在 vue中常
转载
2023-08-21 13:45:15
14阅读
# Vue + Axios 跨域解决方案
在现代Web开发中，跨域问题是一个常见的问题，尤其是在使用Vue.js和Axios进行前后端分离开发时。本文将介绍一种解决方案，通过使用JSONP、CORS和代理服务器来解决Vue + Axios的跨域问题。
## 1. JSONP解决方案
JSONP（JSON with Padding）是一种解决跨域问题的技术，它通过动态创建``标签来实现跨域请求
原创
2024-07-29 10:24:11
109阅读
本文将简单介绍一下分布式环境下session共享问题、跨域名来共享cookie及多终端session的统一。一：分布式session的共享 既然是一个分布式 Session的处理框架，必然会重新实现 HttpSession的操作接口，使得应用操作 Session的对象都是我们实 现的 InnerHttpSession对象，这个操作必须在进入应
用之前完成，所以可以配置一个 filt
转载
2024-08-04 15:46:48
127阅读
家园工作室的学长给了一个用于在面试时作为重要依据的任务，搞一个readhub的仿站，初步的思路：1.使用vue-router来进行页面路由切换，相关配置参考2.axios从api接口获取数据3.预处理器选择less，eslint暂且搁置一边，等大致完成了来调整4.获取数据后使用数据的内容生成页面截至目前存在的问题：1.特殊跨域，jsonp跨域，api接口不知cb名称，proxyTable跨域，返回
转载
2024-07-23 19:58:14
120阅读
vue项目中，前端与后台进行数据请求或者提交的时候，如果后台没有设置跨域，前端本地调试代码的时候就会报“No 'Access-Control-Allow-Origin' header is present on the requested resource.” 这种跨域错误。要想本地正常的调试，解决的办法有三个：一、关闭谷歌浏览器的同源策略，这样就不存在跨域问题了。 window新建一个 chr
转载
2023-12-06 21:08:55
195阅读
Vuejs由1.0更新到了2.0版本。HTTP请求官方也从推荐使用Vue-Resoure变为了
axios
。接下来我们来简单地用axios进行一下异步请求。（阅读本文作者默认读者具有使用npm命令的能力，以及具备ES6的能力，以及等等。。。） 首先我们来安装Vue-Cli开发模板(这个模板可以快速生成vuejs的运行配置环境,可以使新手快速免除配置搭建出运行界面)，这里我使
转载
2024-08-30 16:44:33
41阅读
Vue项目配置代理 前端向服务器发送请求时，经常会遇到跨域问题，那么什么是前端跨域呢？在vue项目中如何利用代理解决呢？1. 这里以axios发请求为例axios.get("/abc/def");
axios.get("/abc/ghi");
axios.post("/abc/jkm");axios发送的请求是本地的服务器地址拼接上发送的请求，如 http://localhost:808
转载
2023-08-23 20:42:25
537阅读
文章目录一、什么是Axios？1.前置知识2.vue中使用axios3.Axios两种请求方式①.调用接口②.传入对象3.Axios支持的请求类型①.get请求②.post请求③.put请求④.patch请求⑤.delete请求二、跨域问题解决方案1.什么是跨域问题？2.解决方案一：在Vue中进行配置3.解决方案二：使用Nginx转发4.解决方案三：后端配合三、项目中对Axios对象进行封装1.
转载
2024-07-17 13:29:37
691阅读
