我使用一个构建服务器来构建我的Vue项目,使用Vue 2模板提供的
我想能够构建代码一次,然后将相同的构建(由
我可以想到几种方法来做到这一点--显然,配置的加载必须在运行时发生,并且由于它在浏览器中运行并且必须引用某个文件,因此必须通过AJAX请求访问由Web服务器单独提供的一些静态JSON配置或类似的方式。但我很想知道这里的任何人如何处理这个要求。
npm run build
命令。Vue模板还提供了访问特定于环境的数据的能力,这些数据可以在config
目录下的文件中进行配置,如prod.env.js
等文件。然后,您可以通过process.env.API_PREFIX
访问此数据,如模板手册所示。我想能够构建代码一次,然后将相同的构建(由
Dist
中的输出所定义)部署到多个服务器,但是不同的服务器要使用不同的配置(不同的API_PREFIX
等)。目前,Webpack编译器在构建时会扩展process.env
引用。因此,我必须为每个环境重新构建。我可以想到几种方法来做到这一点--显然,配置的加载必须在运行时发生,并且由于它在浏览器中运行并且必须引用某个文件,因此必须通过AJAX请求访问由Web服务器单独提供的一些静态JSON配置或类似的方式。但我很想知道这里的任何人如何处理这个要求。
https://staging-api.mycompany.com
。[尽管原则上不能从环境名称推导出它]。 - amoe