webpack-12-跨域处理

webpack处理跨域

1. 代理，重定向

   devServer: {
       proxy: {
           '/api': { // 捕获路径
               target: 'http://localhost:3000', // 重定向
               pathRewrite: {      
                   api: '' // 重写path
               }  
           } 
       }
   }

2. 前端mock数据模拟

   devServer: { 
       before(app) {  
           app.get('/api/user', (req, res) => {   
               res.end('hello')  
           }) 
       }
   }

3. 服务端运行

   webpack-dev-middleware

   const WebpackDevMiddleware = require('webpack-dev-middleware')
   
   const config = require('./webpack.config')
   const compiler = webpack(config)
   
   app.use(WebpackDevMiddleware(compiler))