vue 本地环境跨域请求proxyTable的方法

主要在config->index.js中配置

proxyTable: {

‘/gameapi': {

changeOrigin: true,

// target: ‘http://rap.id.cn/mockjs/20‘, mock地址

target: ‘http://192.168.1.124‘,服务器地址

pathRewrite: {

‘^/gameapi': ‘/gameapi'

},

secure:false

}

}

因此,发送请求时候url写为('/gameapi/gift-applylist')就能拿到接口数据。

但是注意配置后需要重新npm run dev才会生效。

当然如果有两个不同路径也可以配置两个

proxyTable: {

‘/gameapi': {

changeOrigin: true,

// target: ‘http://rap.id.cn/mockjs/20‘,

target: ‘http://192.168.1.124‘,

pathRewrite: {

‘^/gameapi': ‘/gameapi'

},

secure:false

},

‘/cps': {

changeOrigin: true,

// target: ‘http://rap.idu.cn/mockjs/20‘,

target: ‘http://192.168.1.124‘,

pathRewrite: {

‘^/cps': ‘/cps'

},

secure:false

}

},

以上这篇vue 本地环境跨域请求proxyTable的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

以上是 vue 本地环境跨域请求proxyTable的方法 的全部内容, 来源链接: utcz.com/z/324151.html

回到顶部