const { resolve } = require('path')
module.exports = {
  // 开发以及部署时的URL
  publicPath: '/',
  // 放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录。
  assetsDir: 'static',
  // 生产环境构建文件的目录名
  outputDir: 'dist',
  // 开发环境每次保存时是否输出为eslint编译警告
  lintOnSave: true,
  devServer: {
    hot: true,
    port: 8081,
    host: '127.0.0.1',
    open: true,
    proxy: {
      [process.env.VUE_APP_BASE_API]: {
        target: `http://你的后端接口地址`,
        ws: true,
        changeOrigin: true,
        pathRewrite: {
          [`^${process.env.VUE_APP_BASE_API}`]: '',
        },
      },
    },
  },
  configureWebpack() {
    return {
      resolve: {
        alias: {
          '~': resolve(__dirname, '.'),
          '@': resolve(__dirname, 'src'),
          '@views': resolve(__dirname, 'src/views'),
        },
      },
    }
  },
}