一阵难、直接在package.json中配置跨域代理岳枷，只能配置一個(gè)
"proxy": "http://172.16.0.234:8884"
在pakage.json文件中的proxy的值只能是一個(gè)字符串，若給proxy的值換成對(duì)象則會(huì)報(bào)錯(cuò)呜叫，所以配置多個(gè)不同的跨域代理需要其他方法
二空繁、使用插件：http-proxy-middleware
1. 安裝插件
npm install http-proxy-middleware
或者
yarn add http-proxy-middleware
2. 使用
在src目錄下創(chuàng)建文件setupProxy.js文件
const proxy = require('http-proxy-middleware');
module.exports = function(app) {
app.use(proxy('/api', {
target: 'http://172.16.0.234:8884/'
}));
app.use(proxy('/gpu_data', {
target: 'http://10.23.27.134:8885', // 目標(biāo)服務(wù)器 host
secure: false,
changeOrigin: false, //是否需要改變?cè)贾鳈C(jī)頭為目標(biāo)URL默認(rèn)false，
}));
}
3. 接口代理
export function getOrder( data) {
return fetch({
url: '/api/getOrder', // 實(shí)際請(qǐng)求地址 http://172.16.0.234:8884/api/getOrder
method: 'post',
data,
})
}
export function getGpuList( params) {
return axios.get('/gpu_data/list',params) // 實(shí)際請(qǐng)求地址 http://10.23.27.134:8885/gpu_data/list
}
