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如何跨域

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