Vue专题前端开发

vue2.0如何跨域

2019-07-22  本文已影响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'

上一篇下一篇

猜你喜欢

热点阅读