In the vue project, there is a difference between the webpack packaged production environment and the test environment host variable.

Test and production environments in vue projects are often different from each other in front of URL.

is now defined in main.js.

Vue.prototype.host = "http://test.xyz/voronezh";
Vue.prototype.host = "http://dbtest.xyz/voronezh";

these two variables are, of course, more than these two, and the jump paths of some pages are also divided into test and production environments.

location.href = "http://172.20.11.27/Login.aspx?RequestUrl=http:((db.xyz(";
location.href = "http://172.20.11.27/Login.aspx?RequestUrl=http:((dbtest.xyz("

this causes you to switch manually every time you run dev and run build. It"s easy to make mistakes.
you can configure such variables in webpack to use different environments in two cases. Thank you

Webpack3 webpack vue.js

Nov.02,2021

https://github.com/chenyinkai.

const host = process.env.NODE_ENV === 'development' ? 'dev api host' : 'prod api host' //  process.env.NODE_ENV

Why use process.env.NODE_ENV this?
because process.env.NODE_ENV is the default global variable in node services, you can freely choose test environment and development environment through it

Previous: How does the weblogic service upload static files such as html without restarting the service?

Next: It takes a long time for the nuxt.js server to render the first screen before it can be used.