在Vue实际项目开发中，针对需要在部署后可修改的配置，如API URL，通常的做法是在`config`目录下的环境文件中设置。然而，`npm run build`后，这些配置会被写死在生成的`dist`文件中。为解决这个问题，可以使用`generate-asset-webpack-plugin`插件，在`webpack.prod.conf.js`中生成`serverconfig.json`文件，使其在构建时动态输出配置。这样，在服务器端修改`serverconfig.json`后，无需重新打包，仅需刷新页面即可生效。此方法提供了类似ASP.NET中修改`web.config`的便利。作者还探讨了安全性问题，认为暴露API URL与直接查看HTTP请求无本质区别，主要风险在于防止JSON被篡改。
问 题
初学者。用Vue开发前端，webpack打包。
在实际应用中，对于一些需要在部署到服务器后可能需要修改的配置项，一般是怎么操作的？
打个比方，前端vue中需要调用的服务webAPI的url，写在配置变量APIURL中，我看教程和网上的例子，建议做法是在config木料下的prod.env.js 和dev.env.js里面去分别指定APIURL，可以达到开发和部署不用频繁手动修改url的目的。
但是，如果在npm run build 生成dist后，这个配置也被写死了，传到运行的前端服务器上后，假设某次，api服务器的ip修改了，改动只是更新下这个url，但是却需要会到前端源码，修改prod.env.js的APIURL后，在重新npm run build,然后再把整个dist再重新传到前端服务器，才可以。
以前用过asp.net，一般这样的配置可放在web.config里面，这个改动只要在服务器端编辑修改下web.config的url，重启web服务即可生效。
请教大神，webpack是否也有相类似的机制或者方法，可以把这样的可能发生运行时修改的配置进行保留，便于运维时可以方便的修改？
或者在实际项目中，这样的配置一般是怎么操作的？
解决方案
用了generate-asset-webpack-plugin 这个插件，
在webpack.prod.conf.js中去生成configServer.json文件，让其在build的时候输出：
var GenerateAssetP
最低0.47元/天 解锁文章
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
