webpack 4 & dev server

webpack 4 & dev server

proxy

https://webpack.js.org/configuration/dev-server/#devserverproxy

https://webpack.docschina.org/configuration/dev-server/#devserver

// webpack.config.js

module.exports = {
  devServer: {
    proxy: {
      '/api': 'http://localhost:3000'
    }
  }
};

http-proxy

middleware

https://github.com/chimurai/http-proxy-middleware#tldr

var express = require('express');
var proxy = require('http-proxy-middleware');

var app = express();

app.use(
  '/api',
  proxy({ target: 'http://www.example.org', changeOrigin: true })
);
app.listen(3000);

// http://localhost:3000/api/foo/bar -> http://www.example.org/api/foo/bar

---

Chrome & CORS

Chrome & CORS & Fetch API & Chrome 多開，應用分身

http://www.javashuo.com/article/p-owemzcrk-mq.html