vue.config.js常用配置

脚手架创建项目后，配置vue.config.js

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  // 基本路径，vue-cli3.3 以前请使用baseUrl
  publicPath: './',
  // 指定生成的 index.html 的输出路径 (相对于 outputDir)。也可以是一个绝对路径。
  indexPath: 'index.html',
  // 输出文件目录
  outputDir: 'dist',
  lintOnSave: false, // 如果不需要使用eslint，把lintOnSave设为false即可
  // 生产环境是否生成 sourceMap 文件, 生产环境为节省空间应关闭
  productionSourceMap: false,
  // 代理
  devServer: {
    host: 'localhost',
    port: 8080,
    open: true,
    proxy: {
      '/api': {
        target: 'http://localhost:3000',
        changeOrigin: true
        //允许跨域
      }
    }
  }
})

path路径别名@配置

修改vue.config.js文件后，重启服务才能使配置生效