劫持缩小构建 dist 文件夹以更改 api 后端目标
highjack minified builded dist folder to change a api backend target
说明
我有一个 Dist 版本的 Vue-CLI 应用程序。在里面,我正在使用 .env 变量来处理我的整个应用程序的 Axios.baseURL。
ofc 在 dev 模式下我使用开发后端和数据库,在 stage,使用主后端和数据库的镜像,在 master 用于生产的正确后端和数据库。
我想要的是使用 npm run build
构建以创建一个阶段(可测试的产品),然后如果测试结果是积极的,则将整个 dist 文件夹移动到我的生产而不更改 dist 文件夹的任何内容,因为我知道这个 dist 文件夹中的已编译内容已准备好用于生产。
然后我需要一个 config.js 来更改此 dist 编译文件夹的 Axios.baseURL 以将 API 请求定位到另一个,我的生产后端和 DB
有什么想法可以实现吗?像 .env 文件但没有 .env 文件。
我知道这听起来令人困惑,但这是我需要做的。
最简单的做法是使用一些 shell 实用程序(如 sed)来简单地“搜索并替换”已编译的 js 包中的 URL...
如果您真的想这样做 而不更改任何东西,唯一的选择是从您的应用程序中删除 URL(或其他配置)并使其成为 external 由其他一些 js 文件声明的全局变量,然后需要将其包含在应用程序包之前的页面中。
搜索和替换似乎更简单......
说明
我有一个 Dist 版本的 Vue-CLI 应用程序。在里面,我正在使用 .env 变量来处理我的整个应用程序的 Axios.baseURL。 ofc 在 dev 模式下我使用开发后端和数据库,在 stage,使用主后端和数据库的镜像,在 master 用于生产的正确后端和数据库。
我想要的是使用 npm run build
构建以创建一个阶段(可测试的产品),然后如果测试结果是积极的,则将整个 dist 文件夹移动到我的生产而不更改 dist 文件夹的任何内容,因为我知道这个 dist 文件夹中的已编译内容已准备好用于生产。
然后我需要一个 config.js 来更改此 dist 编译文件夹的 Axios.baseURL 以将 API 请求定位到另一个,我的生产后端和 DB
有什么想法可以实现吗?像 .env 文件但没有 .env 文件。 我知道这听起来令人困惑,但这是我需要做的。
最简单的做法是使用一些 shell 实用程序(如 sed)来简单地“搜索并替换”已编译的 js 包中的 URL...
如果您真的想这样做 而不更改任何东西,唯一的选择是从您的应用程序中删除 URL(或其他配置)并使其成为 external 由其他一些 js 文件声明的全局变量,然后需要将其包含在应用程序包之前的页面中。
搜索和替换似乎更简单......