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

网络编程 2021-07-04 16:46www.168986.cn编程入门
今天长沙网络推广就为大家分享一篇vue 本地环境跨域请求proxyTable的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随长沙网络推广过来看看吧

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

proxyTable: { 
‘/gameapi': { 
changeOrigin: true, 
// target: ‘http://rap.id./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./mockjs/20‘, 
target: ‘http://192.168.1.124‘, 
pathRewrite: { 
‘^/gameapi': ‘/gameapi' 
}, 
secure:false 
}, 
‘/cps': { 
changeOrigin: true, 
// target: ‘http://rap.idu./mockjs/20‘, 
target: ‘http://192.168.1.124‘, 
pathRewrite: { 
‘^/cps': ‘/cps' 
}, 
secure:false 
} 
},

以上这篇vue 本地环境跨域请求proxyTable的方法就是长沙网络推广分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持狼蚁SEO。

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by