const path = require('path');
const express = require('express');

// mock code
const mockData = require('./mock/data.json');

function resolve(folder) {
  return path.join(__dirname, folder);
}

module.exports = {
  /** 区分打包环境与开发环境
   * process.env.NODE_ENV==='production'  (打包环境)
   * process.env.NODE_ENV==='development' (开发环境)
   * baseUrl: process.env.NODE_ENV==='production'?"https://cdn.didabisai.com/front/":'front/',
   */
  // 基本路径
  baseUrl: '/',
  // 输出文件目录
  outputDir: 'dist',
  // eslint-loader 是否在保存的时候检查
  lintOnSave: true,
  // webpack配置
  // see https://github.com/vuejs/vue-cli/blob/dev/docs/webpack.md
  chainWebpack: () => {},
  configureWebpack: {
    resolve: {
      alias: {
        '@src': resolve('src'),
        '@components': resolve('components')
      }
    }
  },
  //如果想要引入babel-polyfill可以这样写
  // configureWebpack: (config) => {
  //   config.entry = ["babel-polyfill", "./src/main.js"]
  // },

  // 生产环境是否生成 sourceMap 文件
  productionSourceMap: true,
  // css相关配置
  css: {
    // 是否使用css分离插件 ExtractTextPlugin
    extract: true,
    // 开启 CSS source maps?
    sourceMap: false,
    // css预设器配置项
    loaderOptions: {},
    // 启用 CSS modules for all css / pre-processor files.
    modules: false
  },
  // use thread-loader for babel & TS in production build
  // enabled by default if the machine has more than 1 cores
  parallel: require('os').cpus().length > 1,
  // PWA 插件相关配置
  // see https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-pwa
  pwa: {},
  // webpack-dev-server 相关配置
  devServer: {
    open: process.platform === 'darwin',
    host: '127.0.0.1',
    port: 8080,
    https: false,
    hotOnly: false,
    proxy: {
      '/outer': {
        target: 'http://localhost:8080/api/seller',
        onProxyReq(proxyReq, req, res) {
          console.log(proxyReq, req, res);
        },
        onProxyRes(proxyRes, req, res) {
          console.log(proxyRes, req, res);
        },
        pathRewrite: {
          '^/outer': '' // 这里一定要删掉，不然会导致死递归
        }
      }
    },
    before: (app) => {
      const apiRoutes = express.Router();
      const pathArr = ['/seller', '/goods', '/ratings'];
      pathArr.forEach((urlPath) => {
        apiRoutes.get(urlPath, (req, res) => {
          console.log(urlPath);
          res.json({
            errno: 0,
            data: mockData[urlPath.slice(1)]
          });
        });
      });

      app.use('/api', apiRoutes);
    }
  },
  // 第三方插件配置
  pluginOptions: {
    // ...
  }
};

{
  baseUrl: process.env.NODE_ENV === 'production' ? "/order-app/" : '/',
}

import axios from 'axios';

// 设置分别设置开发环境和生产环境下axios的全局baseURL默认参数
if (process.env.NODE_ENV === 'development') {
  // 开发环境
  axios.defaults.baseURL = '/';
} else {
  // 把项目放到github上发布后的根地址
  axios.defaults.baseURL = '/order-app/';

  // 这是项目本地build后的地址（前面的projects是由于我把整个项目放在了本地的apache服务器htdocs根目录下的projects子目录中
  // 额外说明：开发环境下用的是vue-cli提供的本地服务器，端口是设定的8080，apache服务不起作用；本地build后，仍然需要一个本地服务器来访问，这时apache服务器就起作用了，端口是默认的80）
  // axios.defaults.baseURL = '/projects/order-app/dist/';
}

// 生成环境下的axios的拦截器（实际上开发环境中也有代理的，在vue.config.js的devServer中配置的）
if (process.env.NODE_ENV === 'production') {
  axios.interceptors.request.use(function(config) {
    // eslint-disable-next-line
    let url = config.url.replace(/api\/([^\/\?]+)/, 'mock/data.json');
    config.url = url;
    config.dataKey = RegExp.$1;
    return config;
  });
  axios.interceptors.response.use(function(res) {
    res.data = {
      errNum: 0,
      data: res.data[res.config.dataKey]
    };
    return res;
  });
}