vue 项目中如何动态配合API请求地址？

Posted 2023-03-21

参考技术A 前后端分离项目，前端是由vue搭建，打包后交给运维人员进行部署，所以IP地址不固定，需要运维人员自己配置，前端项目中不能写固定api地址。

实现步骤：

1，在项目的静态文件中，我的写在pulic文件中了，新建一个 config.js

2，config.js 写入可配置的api地址

3，在index.html中引入刚刚定义的js

4，在封装axios的request.js中使用

5，项目运行打包后，dist文件夹会多一个文件

6，这个可以进行动态配置。