vue项目代建遇坑总结

webpack配置问题总结

1.mock数据的做法,看的项目是在webpack 1 的结构上做的mock数据。现在的版本已经是3了,配置文件的结构都出现的很大的不一样。主要的在于:dev-server文件已经没有了,被换掉了。现在server的配置已经放在webpack.dev,conf.js里面了。
方法:
devserver配置中,添加before()方法。
当然之前,还是要引入express框架的

before(app){
      app.get('/api/seller', function (req, res) {
        res.json({
          errno: 0,
          data: seller
        });
      })
      
      app.get('/api/goods', function (req, res) {
        res.json({
          errno: 0,
          data: goods
        })
      })
      
      app.get('/api/ratings', function (req, res) {
        res.json({
          errno: 0,
          data: ratings
        });
      })    
    },

除此之外还省去了use中间件。。

  1. localhost用本地IP无法替换的问题。
    这里主要在于需要在手机上调试和给通局域网下其他设备共享的时候。
    原因:
(build/webpack.dev.config.js)
const HOST = process.env.HOST
...
 host: HOST || config.dev.host,
(config.js/index.js)
 host: '0.0.0.0', // 在这里之前的配置是"localhost",就不支持使用本地IP访问了,将其改成0.0.0.0就可以了

host被写死了

你可能感兴趣的:(vue项目代建遇坑总结)