vuejs跨域问题,问题不是前后端分离的开发而是在vuejs中请求另外一个项目的数据。
这个配置的方式是代理,但是我的数据不是在一个项目里面,这种方式是前台页面和后端是在一个项目中发布的。
我碰到的问题是我在vuejs中ajax请求的是另一个系统的接口。
红色的框就是我要请求的项目的接口地址。请问各位大牛怎么解决这个问题,jsonp的话方式我尝试了一下不好用。
请各位大牛出手了。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(10)
跨域跟
vue
没什么关系,关于跨域的内容,我写过一篇文章,你可以参考一下:https://segmentfault.com/a/11...Vue.js——基于$.ajax实现数据的跨域增删查改
加个header头就行了!哪来那么多麻烦
项目框架中的 proxy 配置是你用来调试时候模拟同域的情况,这样当你把项目发布到 Java、PHP、Node.js……项目中时,可以不用修改就能正常工作。
如果是跨域,需要在服务器上配置跨域头,jsonp 应该也可以,但不管怎样都需要服务器端配合。
跨域调用可以使用 hprose,跟 vue 结合非常方便,支持协程方式编程(比 tj/co 要强大的多),而且支持许多常用语言的服务器。
修改文件:build/dev-server.js 14行
/api 相当于 /api target 就是代理服务武器的地址如果是ip记得带上端口。
两种方案
1,服务器配置允许跨域的响应头,对应的前端本地配置开发服务器地址
2,前端本地用代理软件代理服务器到本地开发的 host 上
请求的服务端允许跨域就可以了。
在你原来的项目里去请求另一个项目的api.
vuejs这里还是请求自己的项目.