vuejs跨域问题,问题不是前后端分离的开发而是在vuejs中请求另外一个项目的数据。

发布于 2022-09-04 08:16:31 字数 451 浏览 14 评论 0

这个配置的方式是代理,但是我的数据不是在一个项目里面,这种方式是前台页面和后端是在一个项目中发布的。
clipboard.png

我碰到的问题是我在vuejs中ajax请求的是另一个系统的接口。
clipboard.png
红色的框就是我要请求的项目的接口地址。请问各位大牛怎么解决这个问题,jsonp的话方式我尝试了一下不好用。
请各位大牛出手了。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(10

嘿嘿嘿 2022-09-11 08:16:32

跨域跟vue没什么关系,关于跨域的内容,我写过一篇文章,你可以参考一下:https://segmentfault.com/a/11...

够运 2022-09-11 08:16:32

来来来,我估计你需要这个 https://bird.ioliu.cn

一绘本一梦想 2022-09-11 08:16:32

加个header头就行了!哪来那么多麻烦

Hello爱情风 2022-09-11 08:16:31

项目框架中的 proxy 配置是你用来调试时候模拟同域的情况,这样当你把项目发布到 Java、PHP、Node.js……项目中时,可以不用修改就能正常工作。

如果是跨域,需要在服务器上配置跨域头,jsonp 应该也可以,但不管怎样都需要服务器端配合。

奢华的一滴泪 2022-09-11 08:16:31

跨域调用可以使用 hprose,跟 vue 结合非常方便,支持协程方式编程(比 tj/co 要强大的多),而且支持许多常用语言的服务器。

下壹個目標 2022-09-11 08:16:31

修改文件:build/dev-server.js 14行

var proxyTable: {
  '/api': {
    target: 'http://api.xxxxxxxx.com',
   }
}

/api 相当于 /api target 就是代理服务武器的地址如果是ip记得带上端口。

溺孤伤于心 2022-09-11 08:16:31

两种方案
1,服务器配置允许跨域的响应头,对应的前端本地配置开发服务器地址
2,前端本地用代理软件代理服务器到本地开发的 host 上

终陌 2022-09-11 08:16:31

请求的服务端允许跨域就可以了。

童话 2022-09-11 08:16:31

在你原来的项目里去请求另一个项目的api.
vuejs这里还是请求自己的项目.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文