vue.config.js

// @vue/cli-service(脚手架) 自动加载 vue.config.js
const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  //对所有的依赖都进行转译(避免构建后的代码中出现未转译的第三方依赖。可能会降低构建速度)
  // （目前的很多依赖都使用了 es6的语法，但很多低端浏览器不支持es6，需要将这些es6语法转化为 es5）
  transpileDependencies: true,
  //基本路径 默认的'/'是绝对路径，如果不确定在根路径，改成相对路径'./'（相对路径打出来的包可以被部署在任意路径）
  publicPath: '/abc',
  // css相关配置
  css: {
    // 选择加载器
    loaderOptions: {
      sass: {
        // This line must in sass option （implementation供给器具）
        implementation: require('sass'),
      },
    },
  },
  // webpack-dev-server 相关配置 （基于本服务本地预览项目）
  devServer: {
    // devServer第1次运行时调用默认浏览器打开要开发的网页
    open: true,
    //默认是 localhost。如果你希望服务器外部可访问，指定如下 host: '0.0.0.0'，设置之后之后可以访问ip地址
    // host: '127.0.0.1',
    port: 8080,
    // 不使用  https 模式(https 模式要证书)
    https: false,
    // 代理
    proxy: {
      '/10095': {
        // 对象
        target: "https://xxx.xxx.cn",
        // true : 调用代理时 把 默认的host会变成target的值
        changeOrigin: true,
      }
    },
  },

})