前端用React開發(fā)完成后，想試著前后端分離部署。
于是用了koa2和http-proxy-middleware想實現(xiàn)代理。

const Koa = require('koa')
const path = require('path')
const proxy = require('http-proxy-middleware')
const static = require('koa-static')
const fs = require('fs')

const app = new Koa()

app.use(async (ctx, next) => {
    if(ctx.url.startsWith('/v1')) {
        return proxy({
            target: 'http://localhost:8080', // 服務器地址
            changeOrigin: true,
            secure: false,
            pathRewrite: {
                '^/v1' : '/mobile/v1'
            }
        })(ctx.req, ctx.res, next)
    }
    return next()
})

app.use(static(path.join(__dirname, './project/build')))

app.use(async (ctx) => {
    ctx.body = fs.readFile('./project/build/index.html')
})

app.listen(3000, () => {
    console.log('Listening 3000...')
});

后端已經(jīng)收到了該請求并返回了數(shù)據(jù)，然而，在瀏覽器該接口卻報錯404

后臺環(huán)境也報錯：

請問如何改進？謝謝！