vue项目中如何保存服务器请求地址这样的常量信息？

Question

在web项目中，服务器地址需要在常量中保存，我现在是统一放在config下的一个toml文件中，但是在build以后，就变成js了，发布后，没办法修改了。针对这个情况，有好的办法解决吗？

Answer 1

通过webpack.DefinePlugin可以实现开发期和运行期不同配置，参考https://segmentfault.com/q/10...

Answer 2

我们这边采用的是nginx的sub_filter模块，将不同线上环境和测试环境的接口等配置直接映射到nginx中，来自动保存

Answer 3

如果还想用以前的方式，那么你把config 直接用script标签引入，不用要webpack打包

Answer 4

我是这样做的,在app.config.js里写

const SEVER=process.env.NODE_ENV==='development'?'xxxx':'xxxx';

如果需要动态指定的话，就写一个获取配置的接口，在配置里指定接口服务器地址

Answer 5

你是说BASE_URL这种吗？我是直接写在index.html里的一个script标签里的：

<script>
  var BASE_URL="www.aaa.com:8080/api/"
<script>

反正写在js里，别人要扒也能轻易扒到。