ba_web/vue.config.js

const path = require("path");

function resolve(dir) {
  return path.join(__dirname, dir);
}
// const serverHost = "http://192.168.1.98:8006";//毛毛
const serverHost = "http://192.168.1.32:8016";//波哥
// const serverHost = "http://192.168.0.231:8006"//线上
// const serverHost = "http://47.108.232.77:9537";//波哥
// const serverHost = "http://127.0.0.1:8006"
module.exports = {
  publicPath: "./",
  outputDir: "ab",
  assetsDir: "static",
  lintOnSave: false, //process.env.NODE_ENV === 'development',
  productionSourceMap: false,
  devServer: {
    port: 9528,
    //open: true,
    hot: true,
    overlay: {
      warnings: false,
      errors: true
    },
    // webpack devServer 提供了代理的功能
    proxy: {
      // 当地址中有/api的时候会触发代理机制
      [process.env.VUE_APP_GATEWAY_API]: {
        // target: process.env.VUE_APP_GATEWAY_BASE_URL,
        target: serverHost,
        // pathRewrite: { "^/api": "" },
        changeOrigin: true, // 是否跨域
        logLevel: "debug",
        onProxyReq(proxyReq, req, res) {
          proxyReq.setHeader(
            "X-Forwarded-host",
            process.env.VUE_APP_GATEWAY_HOST
          );
          proxyReq.setHeader("Connection", "Keep-Alive"); //设置长连接
        }
      },
      "/bagl/mosty-base": {
        target: serverHost, // 后端服务器地址
        changeOrigin: true, // 允许跨域
        secure: false, // 如果是https，需要设置为false
        pathRewrite: {
          '^/bagl/mosty-base': '/mosty-api/mosty-base'  // 路径重写：/bagl -> /mosty-api
        }
      },
      "/mosty-base": {
        target: serverHost,
        changeOrigin: true,
        logLevel: "debug"
      },
      "/data/rec": {
        target: "http://80.93.24.195:8181",
        changeOrigin: true,
        logLevel: "debug",
        pathRewrite: {
          "^/data/rec": "/"
        }
      },
      "/restcloud": {
        target: "http://www.api.sc:8080",
        changeOrigin: true
      },
      "/solrSearcher": {
        target: "http://192.168.0.101:32002",
        changeOrigin: true
      }
    }
  },
  chainWebpack(config) {
    // 设置 svg-sprite-loader
    // config 为 webpack 配置对象
    // config.module 表示创建一个具名规则，以后用来修改规则
    config.module
      // 规则
      .rule("svg")
      // 忽略
      .exclude.add(resolve("src/icons"))
      // 结束
      .end();
    // config.module 表示创建一个具名规则，以后用来修改规则
    config.module
      // 规则
      .rule("icons")
      // 正则，解析 .svg 格式文件
      .test(/\.svg$/)
      // 解析的文件
      .include.add(resolve("src/icons"))
      // 结束
      .end()
      // 新增了一个解析的loader
      .use("svg-sprite-loader")
      // 具体的loader
      .loader("svg-sprite-loader")
      // loader 的配置
      .options({
        symbolId: "icon-[name]"
      })
      // 结束
      .end();
    //更改浏览器标题
    config.plugin("html").tap((args) => {
      args[0].title = "公安";
      return args;
    });
  },
  css: {
    loaderOptions: {
      sass: {
        prependData: `@import "@/styles/index.scss";`
      }
    }
  }
};