vue.config.js常用配置

2023-12-13 12:28:28

脚手架创建项目后,配置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文件后,重启服务才能使配置生效

文章来源:https://blog.csdn.net/Xiang_Gong_Ya_/article/details/134943820
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。