vue2.0如何跨域

作者: 小程要谦虚 | 来源:发表于2019-07-22 23:26 被阅读28次

在config/index.js中添加如下代码

proxyTable: {

        '/api': {     // 匹配所以‘api’开头的请求路径

                target: 'http://api.douban.com/v2',    //设置端口路由的公共部分

                changeOrigin: true,   // //支持跨域

                pathRewrite: {  // //重写路径:去掉路径开头的'/api'

                            '^/api': ''

                            // '^/api':'http://localhost:4000'//重写路径

                            // //这里是用'/api'来代替 target中的地址,例如要调用“http://localhost:8443/qml/?greate=100”那么直接写成'/api/qml/?greate=100'

                    }

            }

},


如果是https的接口,那么需要再配置一项,是

secure:true     

然后在main.js中设置全局属性:

Vue.prototype.HOST = '/api'

相关文章

  • vue2.0如何跨域

    在config/index.js中添加如下代码 proxyTable: { '/api': { /...

  • 关于设置env等环境变量的思考

    1、如何处理跨域后台处理跨域前端处理跨域浏览器处理跨域 前端本地处理跨域:代理线上跨域的处理方式:Nginx反向代...

  • Python | 跨域

    今日目标:带你们领略跨域的奥秘~ 1,为什么会出现跨域问题? 2,跨域的定义是什么? 3,如何避免跨域? 我们平常...

  • Java跨域问题以及如何使用Cors解决前后端 分离部署项目所遇

    Java跨域问题以及如何使用Cors解决前后端 分离部署项目所遇到的跨域问题 什么是跨域 跨域,指的是浏览器不能执...

  • localStorage 如何跨域通信?

    cookie 跨域主要记住一个单词,如下: 看看 localStorage 如何跨域通信? 因为要跨域所以我们需要...

  • file 上传

    ​由于最近使用vue+Element ui vue2.0中upload组件存在很多上传地址不可跨域,或者上传获取后...

  • -------跨域

    跨域 1.什么是跨域? 不同域名之间进行数据的访问。会造成跨域问题。导致的结果就是拿不到数据 如何区分是否跨域?就...

  • [mark]九种跨域方式实现原理

    前端如何使用proxyTable和nginx解决跨域问题 前言 前后端数据交互经常会碰到请求跨域,什么是跨域,以及...

  • 解决跨域问题

    概述 在浏览器端进行 Ajax 请求时会出现跨域问题,那么什么是跨域,如何解决跨域呢?先看浏览器端出现跨域问题的现...

  • 跨域问题

    概述 在浏览器端进行 Ajax 请求时会出现跨域问题,那么什么是跨域,如何解决跨域呢?先看浏览器端出现跨域问题的现...

网友评论

    本文标题:vue2.0如何跨域

    本文链接:https://www.haomeiwen.com/subject/qwxjlctx.html