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'