解决前端vue每次修改ip地址的问题？-灵析社区
LightSea前端vue遇到了私有化部署，ip地址不是唯一的，每次都修改完ip地址再打包再重新部署，很繁琐？ 我尝试在public文件夹下面创建一个config.js文件，然后再去index.html内引入，但是当我再去封装的axios里面去使用时 就会报错（提示找不到VUE_APP_URL），然后我去使用imort导入导出时，虽然不在报错，但是在打包部署了的情况下，再去修改config.js文件内的ip地址，是没有任何响应的？请问大佬们这该如何解决呢？   
PX_13不管是不是私有化部署，都不建议在前端代码里把目的地址写死，毕竟还有 CDN 等情况。
如果是小型项目，就算是前后端分离开发，也可以打包成一体发布，这样目标地址就可以直接从 "/pathname/..."
开始，因为前端访问的就是后端服务器地址（含端口），所以随便怎么部署都不会有问题，相关内容可以参考阅读："前后端分离：分离开发，一体发布" (https://segmentfault.com/a/1190000022601267)
如果一定要分开发布，前端需要从后端去获取地址（毕竟要让用户自己设置环境不太现实），那么这里就有好几种获取方式，题主用到了最常用的一种方式，加载
"config.js"。
这种方式本身没有问题，发布之后更改一下 config.js 就好。在开发的时候提示找不到变量，多数是 ESLint 等工具没找到相关变量的定义，或者没有通过
import 引用。如果是 "const" 定义的，最好是 export 出来再使用的地方 import，但这样会造成耦合，所以一般不会直接定义
"const"，而是挂在 "window" 上去。
挂在 "window" 上相当于是全局变量，所以这里解决 ESLint 的问题有两种办法：一种是在 ESLint 中配置
global（参阅："Configure Language Options -ESLint" (https://link.segmentfault.com/?enc=uZv6O9LxZMaFeUqyJMkJdA%3D%3D.DQckuk8A3QUHAuqTPOW9KR7gumlCXOPaNN0HMCMSChjqRLswcTCCEGGiSPB7qBjY5AOb3RSb3YEBat0%2FVMg9kFJbPv417XFMFm7JSTz6nv2%2BQnpVX5uaKXrv8JLxPy%2FH)），下面是文档中的配置示例：
{
"globals": {
"var1": "writable",
"var2": "readonly"
}
}
另外一种办法，是在使用了 TypeScript 的情况下，定义一个全局类型，扩展 "Window" 接口
"snipaste_2023-11-25_12-51-02.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241114/e36f25d52b5ee36f9a02aafdb1562432.png)