1.首先，需要修改代码

找到你需要proxy代理的地址。我的项目需要修改的地址在services 目录下的文件中。

例如你需要代理的地址为src='http://baidu.com'

则你需要修改为 src='/bdapi' 注：这里的bdapi是我自己设置的，编的，自己随便取的名字

后打包文件到服务器中

2.修改nginx.conf

在nginx.conf中添加如下所示的内容

location /bdapi/ {

proxy_pass http://baidu.com/;

}

这里代理完整请求的是http://baidu.com;

再举一个例子

如果需要代理的src = 'http://baidu.com/abc'

将地址修改为 src = ‘/bdapi/abc'

改完后将代码打包部署到服务器中，

后修改nginx.conf

location /bdapi/ {

proxy_pass http://baidu.com/;

}

这里请求的是 http://baidu.com/abc

生产环境下nginx代理跨域解决相关推荐

多个vue项目生产环境下NGINX配置文件
多个vue项目生产环境下NGINX配置文件使用场景 1.多个前端项目 2.多个后端项目 3.修改nginx配置后端接口转发路径 4.反向代理某个目录下带特定后缀名的文件 5.vue3项目使用前 ...
使用nginx代理跨域，使用nginx代理bing的每日一图
前言自从搞清楚了跨域原理后一直自鸣得意,感觉跨域没啥问题了.而事实上对关于跨域的几个header的理解也有限,但那又如何,我能做到跨域就行了.今天想把博客背景图改成bing的每日一图,发现遇到跨域问 ...
Nginx跨域解决配置示例
简介在日常学习和工作开发中,需要请求两个不同配置的请求经常存在,本文介绍如果还使用Nginx配置解决其跨域问题相关理论首先需要了解什么是跨域,下面的两个文章说的很好,请仔细阅读后,然后自己去动手 ...
详解vue项目和普通项目如何解决开发环境与生产环境下的跨域问题
概念: 什么是跨域? 跨域,指的是浏览器不能执行其他网站的脚本.它是由浏览器的同源策略造成的,是浏览器对javascript施加的安全限制.所谓同源是指,域名,协议,端口均相同. http://www ...
解决用 Nginx 处理跨域问题
教你如何快速用 Nginx 轻松搞定跨域问题当你遇到跨域问题,不要立刻就选择复制去尝试.请详细看完这篇文章再处理 .我相信它能帮到你. 分析前准备: 前端网站地址:http://localho ...
Nginx的简单使用，配置多前端，多端口【微信小程序+前后端分离跨域解决】
微信小程序微信小程序需要服务器要有域名,不能有端口,但是我还有一个WebSocket的wss协议路径需要填,都是后台的示例配置文件,配置https转发http,配置https转发wss user ...
Windows环境下Nginx配置本地虚拟域名和Nginx代理
Windows环境下Nginx配置本地虚拟域名和Nginx代理一.准备 (1) 进入 Nginx 安装目录,如:E:\GreenSofts\Nginx-1.21.4 (2) 检查当前目录下是否存在 ...
vue跨域解决的几种方案
vue跨域解决的几种方案一.开发环境解决跨域方法平时使用vue开发的时候,大多会使用vue-cli搭建项目,在vue-cli搭建的项目中有一个配置文件vue.config.js,可以在该文件中进行 ...
JavaScript跨域解决方法大全
跨域的定义:JavaScript出于安全性考虑,同源策略机制对跨域访问做了限制.域仅仅是通过"URL的首部"字符串进行识别,"URL的首部"指window.lo ...

生产环境下nginx代理跨域解决

1.首先，需要修改代码

2.修改nginx.conf

再举一个例子

生产环境下nginx代理跨域解决相关推荐

最新文章

热门文章