vue框架配置跨域

module.exports = {
  devServer: {
      open: false,
      host: 'localhost',
      port: 8081,
      https: false,
      //以上的ip和端口是我们本机的;下面为需要跨域的
      proxy: {//配置跨域
          '/api': {
              target: 'http://localhost:8080',//这里后台的地址模拟的;应该填写你们真实的后台接口
              ws: true,
              changOrigin: true,//允许跨域
              pathRewrite: {
                  '^/api': ''//请求的时候使用这个api就可以
              }
          }
          
      }
  }
}

项目里面用到的配置

module.exports = {
    outputDir: path.resolve(__dirname, '../../backend/webapp/zhhb-web/src/main/resources/public'),
    pages: formattedEntries,
    configureWebpack: config => {
        config.devtool = "source-map"
    },
    transpileDependencies: [
        'vue-echarts',
        'resize-detector'
    ],
    devServer: {
        hot: false,
        watchContentBase: true,
        port: 7090,
        proxy: {
            "/vendor": {
                target: "http://localhost:8090/",
            },
            "/profile": {
                target: "http://localhost:8090/",
            },
            "/api": {
                target: "http://localhost:8090/",
            }
        }
    }
}