vue項目用nodejs實現模擬數據方法

1）在項目根目錄（如demo）中創建一個文件夾，如base，將項目中所有的前端文件全部放到base文件夾中，此時項目demo下只有一個文件夾base

2）通過cmd進入命令窗口，直接執行npm install express-generator -g （全局安裝express）

3）通過cd命令進入項目demo目錄，在demo目錄下 執行express mock -e  （mock為創建的文件夾名，用來存放node模擬數據）；

4）讓前端文件base中的端口號與mock中的端口號一致，一般默認為3000,下邊標紅的為端口號

mock/bin/www.js中的端口   var port = normalizePort(process.env.PORT || '3000');

base/config/index.js

module.exports = {
  dev: {

    // Paths
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    proxyTable: {
      '/': {
        // 測試環境
        target: 'http://localhost:3000',  // 接口域名  這里的端口號3000 
        changeOrigin: true,  //是否跨域
        pathRewrite: {
          '^/': '/'   //需要rewrite重寫的,
        }
      }
    },

經過以上配置后，就可直接在mock/routes/index.js中寫接口文件，這樣不管是通過post還是通過get方式，均可獲取到對應數據

在mock/app.js中

app.use('/', indexRouter);
app.use('/users', usersRouter);

通過以上配置，默認訪問routes/index.js。如需將接口文件放到user.js中，則需要在接口前邊添加/users/

 

webpack中配置文件詳解 ：https://blog.csdn.net/itKingOne/article/details/70331783?locationNum=3&fps=1