How to use the server's system environment variables in configuration files such as vue,webpack project, prod.env.js under config, etc.

what is written in the configuration file directly is the private network url, but now you want to use the environment variables configured on the server instead. How to modify it

module.exports = {

NODE_ENV: ""production"",
ENV_CONFIG: ""prod"",
BASE_API: ""http://192.168.xx.xx:8088""

}

for example, I have two environments,

one set of development tests, one set of production,

I can write

directly in the configuration file.

BASE_API:url

then deploy to the development test server 192.168.1.1, where the server configuration environment variable url is 192.168.1.2

deploy to open production server 192.168.2.1 the server configuration environment variable url is 192.168.2.2

so I don"t need to change the code, and I don"t need to hit the package twice

http://www.jb51.net/article/1. I"ve seen this solution, but if I had 100 environments, wouldn"t I have to write 100 3-item operations

Javascript webpack vue.js

Mar.01,2021

shouldn't you pack it locally and throw it on the server?

Previous: Error creating project module react-transform-hmr/lib/index.js not found.

Next: How to upload multiple Pictures and texts with elementUI

How to package components with vue webpack-simple in order to use them directly
I want to make a vue component by myself, but if I want to mention it separately, I can put it in other projects. Other projects use cdn, so I want to make a plug-in like JQ, as long as I reference vue.js and my compiled components. it s a pity that I...

Javascript webpack vue.js

Mar.02,2021
Webpack 95% emitting, can be started.
95% emitting, it can be started normally. What is the reason for this? Will affect later operations? ...

Javascript webpack vue.js front-end

Mar.03,2021
How to solve the online Cross-Domain problem by axios
because the sever side belongs to someone else, you can only handle cross-domain requests at the front end axios how to deal with cross-domain problems. My configuration in proxyTable only works locally Cross-domain problems occur again in the...

Javascript webpack vue.js front-end

Mar.05,2021
How to embed an external website in a vue single-page application?
now there is a need to embed an external site in a background management site as a menu item. Similar to the iframe, click menu, the specified path resources are loaded in the iframe to refresh the local content. But it always feels strange to use iframe...

Javascript webpack vue.js

Mar.07,2021
It does not work to use Vue in index.html under webpack
without Webpack: this simple example is fine. Open it on the browser and you can see "hello " <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=devic...

Javascript webpack vue.js

Mar.09,2021
Error in compiling App.vue file
webpack.config.js let path = require( path ); let HtmlWebpackPlugin = require( html-webpack-plugin ); let VueLoaderPlugin = require( vue-loader lib plugin ); module.exports = { mode: development , entry: . src main.js , output: ...

Javascript webpack vue.js

May.23,2021
How to prevent users from accessing the cache when the front-end file is updated to the server
Today, the file format generated after the front-end file is updated to online build compilation is as follows I delete the online ones and then upload them. Open the mobile phone to visit the website and find that the last version of the js file ...

Cache javascript webpack vue.js

Apr.09,2022