vue访问springboot跨域问题

27 篇文章 1 订阅
本文介绍了如何在Vue应用中通过vue.config.js配置proxy实现与SpringBoot API的跨域请求,并在SpringBoot后端使用@HystrixCommand处理Hystrix熔断。重点展示了如何设置代理目标和路径重写,以及后端的异常处理策略。
摘要由CSDN通过智能技术生成

1、vue端

在vue.config.js加入

devServer: {
//关键proxy
      proxy:{
                  ["/dev-api"]:{
                  target:'http://localhost:9527',
                    changeOrigin:true,
                      pathRewrite: {
                          ['^' + "/dev-ap"]: ''
                      }
                  }
              },
    port: port,
    open: true,
    overlay: {
      warnings: false,
      errors: true
    },
    before: require('./mock/mock-server.js')
  },

2、springboot端

在control层加入

@CrossOrigin
@GetMapping("/Product/pageProduct")
@HystrixCommand(fallbackMethod = "processHystrix_Page")
public List<Product> pageProduct(@RequestParam("name") String name, @RequestParam("page") String page, @RequestParam("limit") String limit) {

        try {
            String pageStart = String.valueOf(((Integer.parseInt(page) - 1) * Integer.parseInt(limit)));
            String pageEnd = limit;
            List<Product> productList = this.service.page(name, pageStart, pageEnd);

            if (null == productList) {

                return null;
            }

            return productList;
        } catch (Exception ex) {
            ex.getMessage();
            logger.error(ex.getMessage());
        }
        return null;
    }

    public List<Product> processHystrix_Page(@RequestParam("name") String name, @RequestParam("page") String page, @RequestParam("limit") String limit) {
        return null;
    }

我整合了springcloud,所以有@HystrixCommand注解

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值