前端后端传数组的正确做法

前端正常传值即可

var app = new Vue({
            el: "#app",
            data: {
                arr:[1,2,3]
            },
            mounted: function () {},
            methods: {
                post:function(){
                    var that=this
                    console.log(send)
                    axios({
                        url : '/main/send',
                        method: 'get',
                        params: {
                            array:that.arr
                        }
                    })
                        .then(function (res) {
                            res=res.data
                            console.log(res)
                        }, function (err) {
                            console.log(err)
                            that.$message({ type: 'error', message: '服务器忙,请稍后再试...' });
                        })
                }
            },
        })

后端需要做到一下三点:
1.添加tomcat配置,使得传的url中可以出现’[’ 符号,写在Application类中即可:

/**
     * 添加这部分代码使得url可以出现[ ]
     */
    @Bean
    public TomcatServletWebServerFactory webServerFactory() {
        TomcatServletWebServerFactory factory = new TomcatServletWebServerFactory();
        factory.addConnectorCustomizers(new TomcatConnectorCustomizer() {
            @Override
            public void customize(Connector connector) {
                connector.setProperty("relaxedPathChars", "\"<>[\\]^`{|}()=");
                connector.setProperty("relaxedQueryChars", "\"<>[\\]^`{|}()=");
            }
        });
        return factory;
    }

2.实现一个类,用来接收数组

package main;

import java.util.Arrays;
import java.util.List;

public class PictureArray {
    Integer[] array;

    public Integer[] getArray() {
        return array;
    }

    public void setArray(Integer[] array) {
        this.array = array;
    }

    @Override
    public String toString() {
        return "PictureArray{" +
                "array=" + Arrays.toString(array) +
                '}';
    }
}

3.对应的Contoller函数的参数填上该类

    @GetMapping("/send")
    public Response send(PictureArray picture){
        System.out.println(picture);
   }
  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值