1.安裝代理模塊
cnpm i koa2-proxy-middleware -S
2.配置代理
const Koa = require('koa');
const app = new Koa();
const proxy = require('koa2-proxy-middleware');
const proxyOptions = {
target: 'http://127.0.0.1:9999',
changeOrigin: true
};
const exampleProxy = proxy('/api/*', proxyOptions);
app.use(exampleProxy); //註冊
app.use(async ctx => {
ctx.type = 'html';
ctx.body =
`<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Document</title>
</head>
<body>
<button id="btn1">請求服務器接口1</button>
<button id="btn2">請求服務器接口2</button>
<script src="https://cdn.bootcss.com/axios/0.19.0/axios.min.js"></script>
<script>
document.getElementById('btn1').addEventListener(
'click',
() => {
axios.get('/api/hello', {
params: {
key: 'hello'
}
});
},
false
);
document.getElementById('btn2').addEventListener(
'click',
() => {
axios.get('/api/word', {
params: {
key: 'word'
}
});
},
false
);
</script>
</body>
</html>`;
});
const hostName = '127.0.0.1';
const port = 8888;
app.listen(port, hostName, () => {
console.log(`服務運行在http://${hostName}:${port}`);
});
console.log('服務啓動成功');
