메리

Spring Boot & Vue 환경에서 

API 호출에 실패했는데, Status Code를 보니 

431 Request Header Fields Too Large 이었다.

vue 폴더 밑의 vue.config.js 에서 proxy 설정을 제대로 안했음

proxy 경로를 백엔드 서버에서 사용하는 포트(8080)로 해놓아야 했음.

module.exports = {
  outputDir: "../src/main/resources/static",
  indexPath: "../static/index.html",
  devServer: {
    proxy: "http://localhost:8080"
  },
  chainWebpack: config => {
    const svgRule = config.module.rule("svg");
    svgRule.uses.clear();
    svgRule.use("vue-svg-loader").loader("vue-svg-loader");
  }
};

바꿔주고 npm run serve로 재시작하니 잘 된다.

431 오류 관련 참고

https://www.okta.com/identity-101/http-error-431/