Vue项目访问其他网址，仅限GET请求

原创已于 2025-03-21 16:29:28 修改 · 494 阅读

8 ·

本内容遵循CC 4.0 BY-SA版权协议

GEO检测

标签

#vue.js #前端 #javascript

收录于

于 2025-03-21 16:28:51 首次发布

Vue项目中有一个页面需要访问其他网址，涉及到跨域了，且目标网址不支持跨域且无法修改后端
使用jsonp简单配置即可访问，仅限get请求

// 安装 JSONP 库
npm install jsonp

// 在 Vue 组件中使用
import jsonp from 'jsonp';
jsonp('https://目标网址.com/data', (err, data) => {
  if (!err) console.log(data);
});

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

摸鲨鱼的脚

关注关注

5
点赞
踩
8

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

在Vue中解决跨域问题可以通过以下几种方式：使用JSONP、CORS、代理服务器

m0_71966801的博客

10-16

5748

JSONP（JSON with Padding）：JSONP是一种利用标签没有跨域限制的特性来获取数据的方法。在使用JSONP时，前端会动态创建一个标签，将请求发送到目标服务器上，并指定一个回调函数作为参数。目标服务器在返回数据时，将数据包装在回调函数中，以JavaScript代码的形式返回给前端。由于标签没有同源策略限制，因此可以获取到返回的数据。

参与评论您还未登录，请先登录后发表或查看评论

vue获取当前页面地址

weixin_58414196的博客

09-21

1万+

1、vue获取当前页面完整地址：window.location.href。2、获取前面固定地址：windown.location.host。

Vue-Resource发送get-post-jsonp请求

Siobhan_Mxin的博客

09-12

1418

Vue-Resource是提供了使用或JSONP发送web请求和处理响应服务的一个Vue.js插件。vue-resource发送网络请求，获取服务器数据: 分别发送get、post、jsonp请求

vue跳转网页的两种方式

热门推荐

qq_43537987的博客

06-26

3万+

网页跳转的两种方式使用a标签（<router-link>）方式跳转 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-s...

vue get的jsonp请求外部接口返回值是回调方法问题解决

chen_ai_tao的博客

04-18

1173

vue get的jsonp请求外部接口返回值是回调方法问题解决

Vue3 在vite中运行无法使用外部ip访问

qq_52099965的博客

12-14

2968

Vue3 在vite中运行无法使用外部ip访问

在vue中怎么解决跨域问题（CORS）

weixin_48674314的博客

05-19

9623

CORS（跨域资源共享）：如果你有权限控制后端接口，可以在后端设置 CORS 头部信息，允许特定的源（包括端口和协议）访问该接口。需要注意的是，在生产环境中，由于安全性和跨域限制的考虑，应该限制跨域请求的源和目标，避免不必要的安全风险。在生产环境中，应该由后端配置合适的跨域策略，以确保安全性。1. 代理服务器：在开发环境中，可以配置一个代理服务器来转发 API 请求，绕过浏览器的同源策略。在生产环境中，前端解决跨域问题的方法有限，因为浏览器的同源策略限制了跨域访问。在Vue中解决跨域问题有多种方法。

【Spring Boot 26】分别在SpringBoot和Vue中解决跨域问题

2401_85124218的博客

06-11

418

调用postMessage方法实现父窗口http://test1.com向子窗口http://test2.com发消息（子窗口同样可以通过该方法发送消息给父窗口）‘Access-Control-Allow-Origin’: ‘http://www.domain1.com’, // 允许访问的域（协议+域名+端口）he需要使用mod_headers模块来激活HTTP头的设置，它默认是激活的。// 允许前端带认证cookie：启用此项后，上面的域名不能为’*'，必须指定具体的域名，否则浏览器会提示。

跨域是什么？为什么？怎么办？

haonan_z的博客

09-16

222

什么是跨域？当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域当前页面url 被请求页面url 是否跨域原因 http://www.test.com/ http://www.test.com/index.html 否同源（协议、域名、端口号相同） http://www.test.com/ https://www.test.com/index.html 是协议不同（http/https） http://www.test.com/ http://

前端常见跨域解决方案，web端开发

2401_84091742的博客

04-05

904

技术是没有终点的，也是学不完的，最重要的是活着、不秃。零基础入门的时候看书还是看视频，我觉得成年人，何必做选择题呢，两个都要。喜欢看书就看书，喜欢看视频就看视频。最重要的是在自学的过程中，一定不要眼高手低，要实战，把学到的技术投入到项目当中，解决问题，之后进一步锤炼自己的技术。技术学到手后，就要开始准备面试了，找工作的时候一定要好好准备简历，毕竟简历是找工作的敲门砖，还有就是要多做面试题，复习巩固。有需要面试题资料的朋友点击这里可以免费领取。

Vue GET POST JSONP请求数据

weixin_42113716的博客

09-04

625

Vue GET POST JSONP请求数据

vue项目内嵌其他系统页面登录失败

最新发布

include_mecc的博客

11-08

474

百度一下，发现谷歌在cookie存储方面更为严格，且咱们登录确实也是和cookie相关联的，以这个思路排查下去，可以确定，是因为谷歌浏览器的cookie存储策略所导致的，禁止不同路径的系统请求cookie，所以外部系统获取或写入cookie被禁止，导致外部系统登录失败。有一个新项目，做一个综合平台，前后端分离项目。打开浏览器控制台，发现sso也成功了，重定向页面也成功了，但是重定向后，接着的请求却是登录请求。在火狐上可以，但是谷歌却不可以，那么可以判断出，是浏览器差异导致的。

vue\js等获取当前页面的url网址（超全）

weixin_43312391的博客

07-19

7345

我们在开发中经常会遇到获取当前网址的url、协议、域名、端口、路径、参数等情况，以下总结了几种常见的获取当前url的几种情形。

VUE跳转外部链接和网页的方法

m0_71231013的博客

03-02

1万+

但是我们发现这样打开有时会出现一个很大的问题："我们打开的外部链接会自动拼接我们的源地址，导致网址链接不正确，无法正常访问"外部链接 b：打开方式（“_blank”新开一个窗口；“_self”覆盖当前窗口）1、有时我们在轮播图中会遇到点击图片进项跳转到第三方网站。2、或者拿到后端返回的url中要进行跳转。4.下面代码复制就能自己用！

vue-cli+axios实现跨域访问数据

weixin_44723072的博客

08-02

622

1、我们在使用 vue-cli axios进行访问外部 API 接口的时候，常常会遇到跨域问题，想要获取后台数据的时候，控制台经常会出现以下错误提示！ 2、什么是跨域？跨域：指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对javascript施加的安全限制。例如：a页面想获取b页面资源，如果a、b页面的协议、域名、端口、子域名不同，所进行的访问行动都是跨域的，而浏览器为了安全问题一般都限制了跨域访问，也就是不允许跨域请求资源。注意：跨域限制访问，其实是浏览器的限制。理解这一

Vue项目设置局域网可以访问

IT之一小佬的博客

06-23

4716

Vue项目设置局域网可以访问

单点登录：两个不同域名Vue项目相互跳转并且传递Token

qq_54065476的博客

04-07

7425

前端实现SSO

vue项目接口访问地址设置

瘦瘦瘦大人的博客

09-07

5541

vue项目接口访问地址设置

vue：跨域

sssxlxwbwz的博客

07-10

4586

vue 跨域

在Vue开发环境下，如何实现域名访问？

SACKings的博客

11-25

4238

在使用Vue开发时，开发环境一般都使用本机访问。开发环境下，当运行“npm run serve”命令后，在命令行窗口会显示如下信息： App running at: Local: http://localhost:8081/ Network: http://192.168.1.23/ 其中Network显示的是本机的内网IP地址。这时即使你的机器有一个公有IP并绑定了域名，如果想从外网通过域名访问你的应用也访问不了。当然，开发环境原本不鼓励从外网访问，但偶尔也会有需要从外网访问测试一下。这