How to solve the problem that the function that worked well during the run dev does not work when distributed after the run build

[sycheon79]

Hello

I am developing a service using spring boot + vuejs.
I'm so embarrassed that the function that worked well during the development test locally is not working if it is distributed after build.
I need your help.

The package.json is as follows.

{ "name": "frontend", "version": "0.0.0", "private": "true", "scripts": { "dev": "vite", "build": "vite build", "preview": "vite preview", "lint": "eslint ./src/*.{js,ts,jsx,tsx,html,vue}", "lint-f": "eslint --fix ./src/*.{js,ts,jsx,tsx,html,vue}", "yarn": "node node_modules/yarn/bin/yarn.js" }, "dependencies": { "axios": "^0.27.2", "daisyui": "^2.14.2", "dayjs": "^1.11.2", "vue": "^3.2.25", "vue-axios": "^3.4.1", "vue-router": "^4.0.14", "vue-tsc": "^0.34.10", "vuex": "^4.0.2" }, "devDependencies": { "@typescript-eslint/eslint-plugin": "^5.21.0", "@typescript-eslint/parser": "^5.21.0", "@vitejs/plugin-vue": "^2.3.1", "autoprefixer": "^10.4.7", "eslint": "^8.14.0", "postcss": "^8.4.12", "postcss-cli": "^9.1.0", "tailwindcss": "^3.0.24", "typescript": "^4.6.4", "vite": "^2.9.15" } }

Strangely, functions written in js code (which is a function that calls API that pokes api with a postmapping call and adds) The function works normally when running with npm run dev.

After npm run build, the dist file below was attached to the execution path and run build was executed.

The screen lookup part is normal, but the postmapping API call function has no response. I added an alert to debug the function when it runs
If you call the validation() method, which is the function, there is no result after the post call, and it seems that the call does not go to the DB.

Below is the script part of the component.

`
import http from "../../http-common";

export default {
name: "addGameDataVersion",
data() {
return {
form: '',
id: '',
gamedataName: '',
artifactId: '',
gameCode: '',
port: '',
nodePort: '',
prefixApi: ''

};

},
watch: {
gamedataName(val) {
const reg = /[ㄱ-ㅎ|ㅏ-ㅣ|가-힣]/;

  if (reg.exec(val) !== null) {
    return this.gamedataName = this.gamedataName.slice(0, -1);
  }
},

artifactId(val) {
  const reg = /[ㄱ-ㅎ|ㅏ-ㅣ|가-힣]/;

  if (reg.exec(val) !== null) {
    return this.artifactId = this.artifactId.slice(0, -1);
  }
},
gameCode(val) {
  const reg = /[ㄱ-ㅎ|ㅏ-ㅣ|가-힣]/;

  if (reg.exec(val) !== null) {
    return this.gameCode = this.gameCode.slice(0, -1);
  }
},
prefixApi(val) {
  const reg = /[ㄱ-ㅎ|ㅏ-ㅣ|가-힣]/;
  const reg2 = /^[/][a-zA-Z0-9]+/;
  if (reg.exec(val) !== null) {
    return this.prefixApi = this.prefixApi.slice(0, -1);
  } else if (!reg2.test(val)) {
    return this.prefixApi = "/" + this.prefixApi;
  }

},
nodePort() {
  return this.nodePort = this.nodePort.replace(/[^0-9]/g, '');
},
port() {
  return this.port = this.port.replace(/[^0-9]/g, '');
}

},
methods: {
async validation() {

  if (this.artifactId == '' || this.gameCode == '' || this.prefixApi == '' || this.port == '' || this.nodePort == '') {
    alert("입력폼을 완성해주세요");
  } else {
    this.form = {
      id: this.artifactId,
      artifactId: this.artifactId,
      gameCode: this.gameCode,
      prefixApi: this.prefixApi,
      port: this.port,
      nodePort: this.nodePort

    }

    try {
      const url = '/dashboard/api/version/check';

      await http.post(url, this.form).then(response => {

        if (response.data != '') {
          alert('정상 API 서비스 등록 가능합니다.');
          this.addService();

        } else {
          alert("해당 정보를 등록할수 없습니다. API 서비스 정상 배포후 재 진행 부탁드립니다.");
        }
      })


    } catch (err) {
      alert(err);
      console.log(err);
    } finally {

      this.isLoading = false;

    }
  }


},

async addService() {
  alert("addService1")
  this.form = {
    id: this.artifactId,
    artifactId: this.artifactId,
    gameCode: this.gameCode,
    prefixApi: this.prefixApi,
    port: this.port,
    nodePort: this.nodePort

  }

  try {
    const url = '/dashboard/api/add/' + this.gamedataName;
    alert("addService 2")
    await http.post(url, this.form).then(response => {
      alert(response);
      if (response != null || response != '') {

        alert('등록되었습니다.');
        console.log(response)
      } else {
        alert("실행중 실패했습니다.\n다시 이용해 주세요");
      }
    })


  } catch (err) {
    alert(err);
    console.log(err);
  } finally {

    this.isLoading = false;
  }

}

}

}

`

If you know the cause of such an issue, please give me. Help me.