one

安装webpack-dev-server
在webapck.config.js中配置

  1. devServer: {
  2. proxy: {
  3. '/api': {
  4. target: 'http://localhost:3000',
  5. pathRewrite: { '/api': '' } // 路径重写 这里是把api给删除了
  6. }
  7. }
  8. }

two

第二种方式需要在本地起一个express服务, 利用webpack-dev-middleware这个中间件,将编译好的文件给express服务代理

  1. // express
  2. let express = require('express')
  3. let app = express()
  4. let webpack = require('webpack')
  5. // 中间件
  6. let middle = require('webpack-dev-middleware')
  7. let config = require('./webpack.config')
  8. let compiler = webpack(config)
  9. app.use(middle(compiler))
  10. app.get('/api/user',(req,res)=>{
  11. res.json('fengle')
  12. })
  13. app.listen(3000)