需求：

Ngxin上已配置app目录指向ProxyService:8900（NodeJS反向代理服务器）。

1、需要将nuxt.js服务部署到www.abc.com/app/draw

2、需要将strapi服务作为nuxt应用的api服务部署到www.abc.com/app/draw_api。

具体实现：

一、NGINX配置ngxin.conf

server { # index.html location / { ... } # app上下文反向代理8900端口（代理服务器） location /app/ { proxy_pass http://127.0.0.1:8900; include proxy.conf; }}proxy.conf--------------------------proxy_http_version 1.1;proxy_cache_bypass $http_upgrade;proxy_set_header Upgrade $http_upgrade;proxy_set_header Connection "upgrade";proxy_set_header Host $host;proxy_set_header X-Real-IP $remote_addr;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;proxy_set_header X-Forwarded-Proto $scheme;proxy_set_header X-Forwarded-Host $host;proxy_set_header X-Forwarded-Port $server_port;

第二步：NodeJS代理服务器，使用http-proxy-middleware模块实现把/app/draw/代理到Nuxt服务端口3000

// proxyServer.jsconst zProxy = proxy({ target: ‘http://localhost:3000‘, changeOrigin: true})// strapi服务const zApiProxy = proxy({ target: ‘http://localhost:1337‘, changeOrigin: true pathRewrite: { ‘^/app/draw-api/‘: ‘‘ # 使用 abc.com/app/draw-api/ 映射 localhost:3000 }})const app = express()app.get(‘/app/‘, function(req, res) { res.send(‘Welcome to the proxy service.‘)})app.use(‘/app/draw/‘, zProxy)app.use(‘/app/draw-api‘, zApiProxy)

第三：Nuxt配置

关键是router.base行

Nuxt.config.js -------------- server: { port: 3000, host: ‘localhost‘ }, mode: ‘universal‘, router: { base: ‘/app/draw/‘ }