vue项目解决跨域问题 同linux下 不同域名之间的跨域请求

最新推荐文章于 2023-11-14 23:23:22 发布
最新推荐文章于 2023-11-14 23:23:22 发布
阅读量259 收藏 1
点赞数
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43813351/article/details/128613169
版权
在A.test.com和B.test.com两个不同域名的项目中，A项目作为前后端分离应用，其前端和后端在同一域名下无跨域问题。然而，B项目仅有前端，需要调用A项目的后端接口。为了实现跨域，B项目前端需要配置CORS策略，允许请求到A项目的域名。在开发环境中，可以将target设置为http://localhost:9090来测试接口调用。
摘要由CSDN通过智能技术生成

对于不同域名之间的跨域请求

在这里插入图片描述

需求：

现在有两个项目：A项目和B项目，项目上线分别占用域名（A.test.com和B.test.com），A项目是前后端分离项目，A前端调用A后端项目，使用同一个域名（A.test.com），采用一般的跨域没问题。
而B项目只有前端，也调用A项目的后端接口。B项目前端如何进行跨域？
下面是逻辑图
在这里插入图片描述
在这里插入图片描述
如果是开发环境 target还是写成 http://localhost:9090（端口号根据具体而定）即可

zzuli_huahua
关注
Vue项目解决跨域的两种方法
文龙刚的博客
01-16 579
Vue项目解决跨域的两种方法
vue部署Linux上 跨域问题
m0_62152730的博客
06-01 543
vue3中vite配置
宝塔Linux面板怎么解决跨域问题
辉哥博客
08-26 1161
跨域
【Liunx】服务器解决 跨域问题
m0_64494670的博客
11-13 450
首先打开后端的站点在站点设置内打开 "配置文件" 然后在 “server_name 本机ip ”下方跨域配置,添加成功后重启nginx即可
在Linux环境下Nginx解决跨域问题
可乐要加冰！！！
11-12 451
在Linux环境下Nginx解决跨域问题
linux 浏览器跨域访问,Opera网络浏览器顶级域跨域脚本执行漏洞
weixin_39953102的博客
05-14 152
发布日期：2011-12-06更新日期：2011-12-16受影响系统：Opera Software Opera Web Browser 11.x不受影响系统：Opera Software Opera Web Browser 11.60描述：-------------------------------------------------------------------------------...
Vue项目中跨域问题解决方案
08-27
在开发Vue项目时，我们经常会遇到跨域问题，这主要是由于浏览器的安全策略限制了不同源之间的请求。跨域问题可以通过多种方式解决，本文主要讲解在使用vue-cli搭建的项目中，如何通过更改Header和使用...
详解Vue 开发模式下跨域问题
08-30
跨域问题是指在不同的域名之间进行资源请求时，出现的安全限制问题。解决跨域问题是非常重要的，因为它会影响我们项目的正常运行。 标题：详解 Vue 开发模式下跨域问题 描述：本篇文章主要介绍了 Vue 开发模式下...
Vue跨域请求问题解决方案过程解析
10-14
Vue跨域请求问题主要是由于浏览器的同源策略限制，它不允许JavaScript从一个域名下的网页向另一个域名下的服务器发送HTTP请求，除非两个域名完全相同。为了解决这个问题，开发者通常会采用代理服务器或者CORS（跨源...
Vue开发中遇到的跨域问题及解决方法
10-15
为了解决这一问题，Vue项目通常会采用代理的方式来规避开发环境下的跨域问题。这种代理一般是通过配置开发服务器来实现的。开发者可以设置dev服务器，使其监听API请求，并将这些请求代理到实际的后端服务器上。这样...
【Linux】Nginx解决跨域问题
April_519的博客
08-22 1198
使用nginx解决前后端分离项目跨域问题
vue 打包后部署到linux上 造成前后端跨域问题
swqaaaa的博客
10-20 181
先创建 /var/lib/docker/volumes/conf/_data 文件，并把 nginx 中的/usr/local/nginx/conf文件复制到 _data中。主要是该 nginx的配置文件。我使用的是docker。
linux nginx部署vue项目 实现跨域
JKjiang123的博客
11-14 1769
最近有时间研究了下前端项目如何在nginx服务器下进行部署，折腾了两天总算有所收获，汗~~ 所以就想着写篇文章来总结一下，主要包括以下三个方面： 1、打包好的vue项目如何进行部署。 2、如何反向代理后端服务接口。 3、vue项目二级访问目录在nginx下的配置。 说明：nginx服务器的安装及vue项目如何进行打包不在本文的讨论范围，后面的所有实践说明都是基于个人的本地服务...
vue项目前端本地调试跨域问题-配置代理
weixin_51409195的博客
10-16 522
具体使用 mac 时候是在终端输入open -a 'Google Chrome' --args --disable-web-security --user-data-dir=/xxx这个命令，会自动开启一个不检测跨域的浏览器窗口。在浏览器中打开请求时，本地调试的情况请求地址为 localhost:xxxx/api/...，代理会帮助我们将该请求转发给 target 后写入的地址请求，跨域问题就处理成功了。// axios中请求配置有baseURL选项，表示请求URL公共部分。
Vue解决跨域问题（前后端）
weixin_51346438的博客
03-04 341
Springboot+vue解决跨域问题配置
本地开发vue项目联调遇到访问接口跨域问题
weixin_43829905的博客
03-08 1060
本地开发vue项目联调遇到访问接口跨域问题
vue前后端跨域解决
qq_52481259的博客
05-27 223
【代码】vue前后端跨域解决。
前端(Vue),和后端(springboot)解决跨域问题
最新发布
m0_53428367的博客
11-14 853
前端(Vue),和后端(springboot)解决跨域问题
Linux上部署nginx解决vue跨域问题的详细步骤
本文主要介绍了如何在Linux系统上部署Nginx服务器，并解决Vue.js应用的跨域问题。 首先，让我们详细讨论Vue.js应用的跨域解决方案。在开发过程中，由于浏览器的安全策略，不同源之间的请求会被阻止，这就是所谓的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值