vue3.0 配置 vue.config.js

原创

qq62581587d2bea 2022-04-21 11:37:36 博主文章分类：vue3.0 ©著作权

©著作权归作者所有：来自51CTO博客作者qq62581587d2bea的原创作品，请联系作者获取转载授权，否则将追究法律责任

const path = require('path')
const resolve = function (dir) {
  return path.join(__dirname, dir)
}
module.exports = {
  publicPath: process.env.NODE_ENV === 'production' ? '/dist/' : './',
  outputDir: 'dist',
  assetsDir: 'assets',
  lintOnSave: true, // 是否开启eslint保存检测
  productionSourceMap: false, // 是否在构建生产包时生成sourcdeMap
  chainWebpack: config => {
    config.resolve.alias
      .set('@', resolve('src'))
      .set('@v', resolve('src/views'))
      .set('@c', resolve('src/components'))
      .set('@u', resolve('src/utils'))
      .set('@s', resolve('src/service')) /* 别名配置 */
    config.optimization.runtimeChunk('single')
  },
  devServer: {
    // host: 'localhost',
    port: '8081',
    hot: true,
    /* 自动打开浏览器 */
    open: true,
    overlay: {
      warning: false,
      error: true
    },
    /* 跨域代理 */
    proxy: {
      '/api': {
        /* 目标代理服务器地址 */
        target: 'http://192.168.1.63:8052', //
        /* 允许跨域 */
        changeOrigin: true,
        ws: true,
        pathRewrite: {
          '^/api': ''
        }
      }
    }
  }
}