digital-map-frontend/vue.config.js

const { defineConfig } = require("@vue/cli-service");
module.exports = defineConfig({
  // transpileDependencies: true,
  lintOnSave: false,
  transpileDependencies: [
    // 设置这个就不会报错，初始化cli的时候这个默认为true
    "vuetify", // vuetify is a dependency of @vue/cli-plugin-vuetify
  ],
  devServer: {
    host: "0.0.0.0",
    port: 8003,
    open: true,
    hot: true,
    // disableHostCheck: true,
    // before: require('./mock/mock-server.js')
    proxy: {
      "/xapi": {
        target: "http://124.222.95.170:9990/",
        changeOrigin: true, // //开启代理：在本地会创建一个虚拟服务端，然后发送请求的数据，并同时接收请求的数据，这样客户端端和服务端进行数据的交互就不会有跨域问题
        pathRewrite: {
          //// 思路是如果是开发环境，就给所有要代理的接口统一加上前缀，然后代理请求时再统一通过rewrite去掉
          "^/xapi": "",
        },
      },
      // "/cases": {
      //   target: "http://101.35.139.78:9090/",
      //   changeOrigin: true, // //开启代理：在本地会创建一个虚拟服务端，然后发送请求的数据，并同时接收请求的数据，这样客户端端和服务端进行数据的交互就不会有跨域问题
      //   pathRewrite: {
      //     //// 思路是如果是开发环境，就给所有要代理的接口统一加上前缀，然后代理请求时再统一通过rewrite去掉
      //     "^/cases": "",
      //   },
      // },
      "/codePredict": {
        target: "http://47.99.63.119:9100/",
        changeOrigin: true, // //开启代理：在本地会创建一个虚拟服务端，然后发送请求的数据，并同时接收请求的数据，这样客户端端和服务端进行数据的交互就不会有跨域问题
        pathRewrite: {
          //// 思路是如果是开发环境，就给所有要代理的接口统一加上前缀，然后代理请求时再统一通过rewrite去掉
          "^/codePredict": "",
        },
      },
    },
  },
});