vue-cli@2迁移到4

一、路径别名设置：

vue-cli@2.x:

// build/webpack.base.conf.js中：
resolve: {
    extensions: [".js", ".vue", ".json", ".css", ".scss"],
    alias: {
      vue$: "vue/dist/vue.esm.js",
      "@": resolve("src"),
      'assets': resolve("src/assets"),
      'styles': resolve("src/assets/styles"),
      'common': resolve("src/common")
    }
  }

vue-cli@4.x:

// vue.config.js中：
const path = require('path');
module.exports = {
    chainWebpack: (config) => {
        config.resolve.alias
            .set('@', path.join(__dirname, './src'))
            .set('assets', path.join(__dirname, './src/assets'))
            .set('common', path.join(__dirname, './src/common'))
            .set('styles', path.join(__dirname, './src/assets/styles'));
    }
};

二、开发测试路径代理：

vue-cli@2.x:

// config/index.js中：
module.exports = {
  dev: {
    proxyTable: {
      '/api':{
        'target': 'http://192.168.1.105:8080',// 测试线
        'pathRewrite': {
          '^/api':'/static/data'
        }
      }
    }
}

vue-cli@4.x:

// vue.config.js中：
module.exports = {
    devServer: {
        proxy: {
            '/api': {
                target: 'http://192.168.1.105:8080', // 测试线
                pathRewrite: {
                    '^/api':'/data'
                },
            },
        },
    },
};