049：基于Nginx实现解决网站跨域问题1 在Linux服务器上安装Nginx服务器2 Nginx root、alias指令区别3 Nginx快速回顾实现反向代理技术4 实际项目中跨域问题产生的背景5 基于JSONP解决项目中跨域问题6 使用HttpClient实现转发请求解决跨域7 基于Nginx构建微服务网关解决跨域 1 在Linux服务器上安装Nginx服务器课程内容： 1、在Linux
什么是跨域 跨域，指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对javascript施加的安全限制。 所谓同源是指，域名，协议，端口相同。浏览器执行javascript脚本时，会检查这个脚本属于那个页面，如果不是
在开始之前，有两个前置知识点：正向代理和反向代理的区别，为什么会跨域。关于这两个问题，网上有很多资料，参考资料里也有一些我觉得比较好的材料，就只简单提一下。正向代理需要知道代理服务器和目标服务器，是我们主动通过代理到达目标；而反向代理只需要知道代理就行了，我们把请求交给代理，代理会帮我们交给合适的目标。我们设想这样一个场景，某天中午我们想出去吃一顿（我们是客户端，食物相当于客户端需要的数据），我们
转载
2024-07-11 21:24:36
40阅读
Nginx简介Nginx 是一款由俄罗斯的程序设计师 Igor Sysoev 所开发的高性能的 http 服务器/反向代理服务器及电子邮件（IMAP/POP3）代理服务器，它的主要功能有：反向代理负载均衡HTTP 服务器目前大部分运行的 Nginx 服务器都在使用其负载均衡的功能作为服务集群的系统架构。功能说明在上文中介绍了三种 Nginx 的主要功能，下面来讲讲 具体每个功能的作用。一、反向代理
转载
2024-03-27 10:46:33
406阅读
代理和反向代理的概念？不知道有多少人跟我一样，对代理和反向代理蒙蔽的，今天就来给大家普及一下。在很久以前小明去吃饭，往往就是走进一家饭店然后打开菜单，点着他最爱的红烧肉，然后等着老板上菜，吃完交钱溜了溜了。这个时候小明和饭店是一对一的关系。客户和服务商之间完全透明化，小明知道这家餐馆的名字，餐馆也知道小明的名字。 后来有了第三方订餐外卖平台（代理），小明懒得动身前往饭店，小明打个电话或用APP，先
什么是跨域？首先要了解什么叫做“同源策略”。同源策略：是指同协议，同域名，同端口号，只要有一个不同，就会产生跨域问题，是浏览器为了安全起见进行的一个拦截限制。跨域用一个简单的例子来说，就是假如有一个A公司，想要去访问B公司的信息数据，而他们的ip都是自己本地ip，不同源，这时浏览器就会为了安全起见，产生跨域来限制你的请求。解决跨域的几种方法：1.jsonp原理：动态生成script标签，通过src
转载
2024-09-20 18:45:50
35阅读
nginx的配置：把 /api 转到 另一个域名下#PROXY-START/apilocation /api{ expires 12h; if ($request_uri ~* "(php|jsp|cgi|asp|aspx)") { expires 0; } proxy_pass https://www.c3w.com....
原创
2023-01-11 17:56:18
444阅读
vue在开发中，可以通过自带的脚手架配置实现跨域访问，但是打包时不会将这部分配置文件载入，这样会导致上了生产环境出现跨域访问的问题。在网上查过一些解决跨域的问题，都没太搞明白，然后就想采用nginx将服务请求转发来实现，经过一天的摸索，终于搞定了。 最开始的的nginx配置如下：serve
转载
2024-03-25 12:41:00
126阅读
跨域问题跨域是指请求已经到达服务器了，只不过在回来的时候被浏览器限制了。就像Python他可以进行抓取数据一样，不经过浏览器而发起请求是可以得到数据，想到通过Nginx的反向代理来解决跨域问题。代理服务器代理服务器，客户机在发送请求时，不会直接发送给目的主机，而是先发送给代理服务器，代理服务接受客户机请求之后，再向主机发出，并接收目的主机返回的数据，存放在代理服务器的硬盘中，再发送给客户机。正向代
转载
2024-08-19 14:07:01
269阅读
windows下Nginx+Tomcat部署Vue，解决访问后端api跨域访问错误vue-vben-admin 项目的一些配置部署到TomcatNginx解决跨域访问错误致谢 记录一下vue-vben-admin开源项目需要注意的地方，方便以后快速使用。 使用前后端分离方式部署项目。 vue-vben-admin 项目的一些配置需要重点关注一下几个文件的内容： 系统配置文件：.env# 运行
HTML5 的到来促进了前后端分离开发的发展，所谓分离即分离接口和页面。 部署的时候一般都把接口部署在单独的域名下面，带上 api 前缀，页面则用主域名。 例如：页面域名：www.example.com接口域名则为：api.example.com同源策略同源策略 限制了从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的重要安全机制。上面的两个域名不相同，所以
转载
2024-07-27 14:31:21
68阅读
@TOC一、跨域是什么？跨域问题指的是在浏览器端，当一个网页的脚本（如JavaScript）向另一个域名的网站发起请求时，如果两个网站的域名不一致，就会出现跨域问题。由于浏览器的同源策略（Same Origin Policy），默认情况下，脚本只能访问同一个域名下的资源，不能访问其他域名下的资源。二、跨域问题的解决方法1.JSONPJSONP (JSON with Padding) 是一种在客户端
转载
2023-11-26 20:57:39
12阅读
一开始搜索比较盲目,后来知道通过vue cli和webpack构建的vue项目的配置有些不同参考资料https://blog.csdn.net/qq_44766377/article/details/125600191https://www.cnblogs.com/SRH151219/p/10497479.html
原创
2024-04-30 09:43:48
28阅读
、、、、、、、、、、、仅对以前所学做复习记录使用、、、、、、、、、同源策略：http协议、主机名、端口号都要相同。因为浏览器同源策略的影响，向后端服务器请求数据的时候，不能进行访问。 可以采用代理服务器的方式，代理服务器： 浏览器向一个相同同源策略的代理服务器上请求资源，因为服务器之间没有同源策略，代理服务器就去找后端服务器请求资源，在返回给浏览器解决方法一：在根目录下新建vue.config.j
转载
2024-06-03 21:51:46
107阅读
如题：背景：做了一个简单的大文件上传下载的项目，然后应上司要求部署到服务器上运行。这几天到处查资料，解决一个又一个问题，总算看到成果了，在此记录一下。后端 springboot+mybatis+mysql5.7 IDEA 前端 vue-cli3 windows服务器下 前期工具准备： 1. jdk安装 2. nginx安装（反向代理服务器解决跨域）这里安装教程 3. mysql数据库安装以上可自行
简介 开发的时候, vue+webpack 会通过npm run dev命令, 跑起一个 “开发服务器”, 这个server中有一个代理，可以进行跨域。但是在生产环境中, 发起请求的时候, 就不存在代理服务器,不存在开发服务器（dev server）了，所以会出错。开发环境跨域见：Vue--使用vue-cli解决跨域问题：
转载
2024-03-07 14:42:35
217阅读
有时候我们打包好vue项目让后端人员部署项目时可能会有小插曲，为了不麻烦后端人员和避免尴尬，最好的办法就是在本地自己先测一下，而在本地运行打包后的项目会遇到接口跨域的问题。我平时经常用的方法就是
原创
2022-08-16 16:41:45
919阅读
先来说一下什么是同源策略同源(域名、协议、端口相同)策略是一种约定，是浏览器最核心也是最基本的安全功能，如果缺少了同源策略，浏览器的正常功能将受到影响。什么是跨域？跨域就是跨域名，跨端口，跨协议（非同源策略）。跨域分类简单说，跨域分为 简单跨域 和 复杂跨域。简单跨域：不会发送OPTIONS请求。复杂跨域：会发送一个预检查OPTIONS请求。复杂跨域的条件是：①、非GET、HEAD、POST请求。
转载
2024-03-10 14:18:03
323阅读
在Vue项目中，使用跨域请求是很常见的操作。跨域请求指的是从一个域名的网页去请求另一个域名的资源，这在Web开发中是一种常见的需求。然而，由于浏览器的同源策略，这种跨域请求是不被允许的。本篇文章将介绍在Vue项目中的跨域解决方案。使用代理解决跨域问题Vue项目中可以通过配置vue.config.js文件来实现代理。在该文件中配置devServer选项，如下所示：devServer: {
pro
转载
2023-11-15 19:28:32
121阅读
注：本文选择了nginx做web服务器。因为在本文vue前端项目中，需要从接口获取数据，可是数据与vue前端项目是在同一ip地址但不同端口号，所以需要跨域读取数据。本文的跨域处理是使用了nginx。环境：阿里云服务器（ubuntu 64bit）xshellnginx1.使用xshell登录到阿里云服务器。安装nginx（本文安装到/etc下）cd /etc
apt-get update
apt-g
转载
2024-02-22 18:36:58
179阅读
