vue項目代建遇坑總結(jié)

webpack配置問題總結(jié)

1.mock數(shù)據(jù)的做法,看的項目是在webpack 1 的結(jié)構(gòu)上做的mock數(shù)據(jù)?,F(xiàn)在的版本已經(jīng)是3了,配置文件的結(jié)構(gòu)都出現(xiàn)的很大的不一樣。主要的在于:dev-server文件已經(jīng)沒有了,被換掉了?,F(xiàn)在server的配置已經(jīng)放在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無法替換的問題。
    這里主要在于需要在手機上調(diào)試和給通局域網(wǎng)下其他設備共享的時候。
    原因:
(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被寫死了

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

  • 在現(xiàn)在的前端開發(fā)中,前后端分離、模塊化開發(fā)、版本控制、文件合并與壓縮、mock數(shù)據(jù)等等一些原本后端的思想開始...
    Charlot閱讀 5,690評論 1 32
  • GitChat技術(shù)雜談 前言 本文較長,為了節(jié)省你的閱讀時間,在文前列寫作思路如下: 什么是 webpack,它要...
    蕭玄辭閱讀 12,916評論 7 110
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,699評論 19 139
  • 在公眾號里看到《大英帝國百物展》的推介還是在五月份,就發(fā)愿要去看。暑假開始時就跟鮑老師商議抽空帶著孩子們?nèi)ド虾2┪?..
    巧兒chen閱讀 624評論 0 0
  • 巴厘島是印度尼西亞著名的旅游島嶼,這里是游客們鐘愛的度假勝地,是明星們扎推舉辦婚禮的場所,也是各路美食的匯聚之地。...
    暗黑系旅行貓閱讀 236評論 0 0

友情鏈接更多精彩內(nèi)容