前端:

在vue.config.js中黏贴如下代码:(在设置完成后记得重启,若发现配置文件未生效,可尝试在终端运行npm run build后重试)

module.exports = {

  devServer: {               

      port: 9876,  //选填

      proxy: {                 //设置代理

          '/api': {              //设置拦截器  拦截器格式

              target: 'http://localhost:9090',     //代理的目标地址(后端controller地址)

              changeOrigin: true,              //设置同源

              pathRewrite: {                   //路径重写

                  '^/api': ''                     //选择忽略拦截器里面的内容

              }

          }

      }

  }

}

在后端对应Controller层中加入@CrossOrign的注解,即设置同源解决后端跨域

Logo

前往低代码交流专区

更多推荐