webpack數(shù)據(jù)獲取問題實踐

新建server.js寫一個簡單的后臺服務(wù)

let express = require('express')
let app = express()
app.get('/user', (req, res) => {
  res.json({
    name: 'yuqin'
  })
})
app.listen(3000, () => {
  console.log('鏈接')
})

1.跨域
在devServer中添加

proxy: {
      '/api': {
        target: 'http://localhost:3000',
        pathRewrite: { '^/api': '' },
        changeOrigin: true,
      }
    }

2.模擬數(shù)據(jù)
在devServer中添加

    before(app) {
        app.get('/api/user',(req,res)=>{
            res.json({
                name: 'yuqin'
            })
        })
    }

3.前端與服務(wù)端公用一個端口
開啟服務(wù)器的時候，webpack的devServer也開啟了

安裝webpack-dev-middleware插件
在server.js中

let webpack = require('webpack')

// 配合3使用，中間件
let middleWare = require('webpack-dev-middleware')
let config = require('./webpack.config.js')

let complier = webpack(config)
app.use(middleWare(complier))

感覺一般比較常用的是第一種吧