简介 开发的时候, vue+webpack 会通过npm run dev命令, 跑起一个 “开发服务器”, 这个server中有一个代理，可以进行跨域。但是在生产环境中, 发起请求的时候, 就不存在代理服务器,不存在开发服务器（dev server）了，所以会出错。开发环境跨域见：Vue--使用vue-cli解决跨域问题：
转载
2024-03-07 14:42:35
217阅读
目录前言1.开发模式下的跨域处理2.打包发布和后台服务一块部署3.使用nginx发布前端项目前言 本篇主要是记录下再开发vue项目时遇到的跨域问题，那么什么是跨域呢，可以简单理解为，我请求A服务的资源，A服务的资源里面又有向B服务发起的情况存在，这就是跨域。这是浏览器的同源策略限制决定的。这里插一句，我以前以为认为跨域请求是浏览器不允许发送请求，
转载
2024-09-13 20:42:21
125阅读
开启服务1，服务器2 浏览器输入地址：发送的是GET请求服务器1，2：每次发送请求（刷新页面都会显示一个消息如下） AJAX:xhr发送请求JQuery：封装了AJAX请求 $.get $.postaxios:封装了 体积小(一般使用发送请求)fetch:js内置的（IE不兼容）首先安装发送请求的库：npm i axios引入：import axios from '
转载
2023-08-18 20:18:48
168阅读
import org.springframework.stereotype.Component;import javax.servlet.*;import javax.servlet.annotation.WebFilter;import javax.servlet.http.HttpServlet ...
转载
2021-10-14 21:54:00
163阅读
2评论
对于跨域，相信同学们都有所了解。前端的跨域的若干种方式，大家也都知道，什么 JSONP，iframe+domain 等等。但是我们今天的主题，不是前端跨域，而是后端跨域。一旦提及到跨域，就会想到同源策略，那我们就先来回顾跨域和同源策略。什么是跨域请求首先，我们要了解什么是跨域请求。简单来说，当一台服务器资源从另一台服务器（不同 的域名或者端口）请求一个资源或者接口，就会发起一个跨域 HTTP 请求
转载
2023-12-09 23:38:11
100阅读
config里面的index.js dev => proxyTable '/abc':{ target: 'http://localhost:8083', changeOrigin: true, //可由后端通过request.getHeader('Host')获取请求地址 pathRewrite: ...
转载
2021-08-12 16:22:00
376阅读
2评论
比如 我要请求的地址是
原创
2022-09-01 20:27:50
219阅读
前言工作中用到了消息推送功能，之前了解过SOCKET 无意中了解到即时通讯框架SocketIO 简单说两句Socket.IO 是什么Socket.IO是一个库，基于 Node.js 的实时应用程序框架。可以在浏览器和服务器之间实现实时，双向和基于事件的通信。它适用于每个平台、浏览器或设备，同样注重可靠性和速度。Socket.IO 起源WebSocket 的产生源于 Web 开发中日益增长的实时通信
转载
2024-08-12 21:08:50
79阅读
一.什么是跨域 跨域问题的出现是因为浏览器的同源策略问题，所谓同源:就是两个页面具有相同的协议（protocol），主机（host）和端口号（port），它是浏览器最核心也是最基本的功能，如果没有同源策略我们的浏览器将会十分的不安全，随时都可能受到攻击。 当我们请求一个接口的时候，出现如：Acces ...
转载
2021-09-13 16:03:00
275阅读
2评论
跨域的含义 跨域的本质就是浏览器基于同源策略的一种安全手段。所谓同源就是必须有以下三个相同点：协议相同、主机相同、端口相同。如果其中有一项不同，即出现非同源请求，就会产生跨域。 跨域实际上是浏览器的限制，开发中使用 postman请求接口能够获得数据就印证了跨域是浏览器的限制这个问题。解决方法 一般前端中解决跨域问题的方法有 JSONP，CROS，Proxy等，这里我们主要讲解一下在 vue中常
转载
2023-08-21 13:45:15
14阅读
最近在从0开始学习构建vue项目，偶尔记录笔记。首先我们知道跨域是浏览器为了安全而做出的限制策略，保证浏览器的请求只能遵循同源策略：同域名、同端口、同协议。常用的解决跨域问题的方法有CORS跨域、JSONP跨域、代理跨域等。其中CORS跨域只需要后端进行修改即可，但后端方面改动会略为麻烦；JSONP跨域的话前后端都需要修改，前端不仅要另外下载jsonp插件，并且不能使用axios来进行请求，后期修
转载
2024-01-29 15:55:39
125阅读
# 实现跨域后端Java
## 流程步骤
以下是实现跨域后端Java的流程步骤：
| 步骤 | 描述 |
| ---- | ---- |
| 1 | 在后端代码中添加跨域配置 |
| 2 | 设置允许跨域的来源 |
| 3 | 设置允许的请求方法 |
| 4 | 设置允许的请求头信息 |
## 每步具体操作
### 步骤1: 添加跨域配置
在Java配置类中添加以下代码：
```ja
原创
2024-06-23 03:55:36
25阅读
在前后端分离架构下，难免会遇到跨域问题。但是对于跨域，很多人并没有多么深入的了解。这里我就详细讲一下这个问题。同源策略与跨域所谓跨域，英文叫做cross-domain，是网络安全领域的一个专有名词。简单点理解就是某些操作越过了域名的界限，访问了别的域名。如果脚本可以自由访问其他域，就会产生很多安全问题。比如，假设有一个网上银行系统，你已经登录过了，它支持一个ajax api可以进行转账；有一个论坛
转载
2024-05-10 22:56:32
17阅读
转载
2020-04-29 20:33:00
99阅读
2评论
什么是跨域问题？就是你在浏览器访问前端项目时，控制台报出的错，如下图：再次重申一遍，跨域问题只出现在本地开发过程中，在运维环境中不会出现跨域问题解决方式一：后端 @CrossOrigin 注解可以在 Controller 类上添加 @CrossOrigin 注解，则这个 Controller 类中的所有包含（@XxxMapping）的方法都可以正常访问。也可以直接将该注解放在具体的方法上，指定某个
转载
2024-04-08 09:03:45
122阅读
1，后端配置package org.lht.boot.security.server.common.config;import org.
原创
2023-03-14 15:02:04
98阅读
1、跨域 是因为浏览器的同源策略引起的，是浏览器加的安全限制 -- 所以我们需要去解决这个问题同源策略 拥有相同的协议、域名、端口号的网址间才可以相互访问资源。 解决跨域问题方法 &
转载
2023-08-31 19:32:38
322阅读
跨域是什么跨域本质是浏览器基于同源策略的一种安全手段同源策略（Sameoriginpolicy），是一种约定，它是浏览器最核心也最基本的安全功能所谓同源（即指在同一个域）具有以下三个相同点 ● 协议相同（protocol） ● 主机相同（host） ● 端口相同（port）反之非同源请求，也就是协议、端口、主机其中一项不相同的时候，这时候就会产生跨域一定要注意跨域是浏览器的限制，你用抓包工具抓取接
转载
2023-11-03 14:16:33
25阅读
最近在项目中需要用到axios，所以就恶补一下这个axios到底是什么东东。越来它是vue-resource的替代品，官网也说了，以后都用axios，vue-resource不在维护。那么这个axios怎么用呢，上网搜索了一大堆，基本上都是雷同，我也不知道那些作者有没有在本地测试过。至少我按照网上的做法，总不能成功。经过几天的奋斗，我终于把它搞清楚了，为了不让其他的小伙伴们走弯路，我把
转载
2023-07-04 02:19:16
255阅读
一、为什么会出现跨域的问题？跨域：浏览器从一个域名的网页去请求另一个域名的资源时，域名、端口、协议任一不同，都是跨域。 在前后端分离的模式下，前后端的域名是不一致的，此时就会发生跨域访问问题。跨域问题来源于JavaScript的同源策略，即只有 协议+主机名+端口号(如存在)相同，则允许相互访问。也就是说JavaScript只能访问和操作自己域下的资源，不能访问和操作其他域下的资源。跨域问题是针对
转载
2023-10-30 17:22:59
5阅读
