For front-end separation projects based on vue and springboot, how to configure configuration items for different environments at the front end?

now there is an internal project based on vue and springboot, asking how to describe configuration items in the webpack.*.conf.js file and config folder under the build folder in vue, so that the system can read different configuration items according to different files.
after the npm run build is executed in both the test environment and the production environment, the generated dist files are automatically placed in the springboot project.

Mar.11,2021
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b3751f-2b5d0.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b3751f-2b5d0.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?