Vue3+TS+ElementPlus前端部署打包配置后端接口地址

背景

项目是前后端分离模式，前端使用的技术是Vue3+TS+ElementPlus+Vite，后端是.NET Core。
有时候一个部署包可能要应用于不同服务器，这就需要频繁更换后台地址，频繁打包部署。
由此引申出了部署包可直接配置后台地址的需求，这样就不需要频繁打包了。

解决

1、 public/static 文件夹中 新增 config.js 文件中添加 window.baseURL = 'http://127.0.0.1:8088'。
注意：public 文件夹下的文件是不会被打包

2、在根目录下的index.html文件的head标签内引入config.js

3、在需要的地方引入，如axios封装的axios.ts文件中：