很多时候我们需呀在本地进行调试也有很多时候我们需要请求远端生产环境的接口，所以我们可以通过Vue Cli设置不同的环境变量，让web模块自动识别到是开发环境还是生产环境从而加载不同的配置信息请求不同环境下的后端服务 ### ![](https://img.kancloud.cn/0d/60/0d6020f1cba7237fd8fe6338de085e0e_953x733.png) ### ![](https://img.kancloud.cn/a3/43/a343bc9904b10c888e7eb17879d244cb_1595x819.png) ### 但是你会好奇是从哪里设置的当前是开发环境还是生产环境呢？ ![](https://img.kancloud.cn/dd/9c/dd9c7b6c8a33e6ef106b200411a72f55_1144x823.png) ### **启动的时候会根据pacakge.json当中的serve-dev以及serve-prod 看你选择启动哪一个，如果启动的是serve-dev那么因为我们设置了它的--mode dev 所以就会去找web根目录下的.env.dev配置文件里面的配置信息 ...** ### 然后将login.vue当中请求的地址的域名都去掉既可以了 ![](https://img.kancloud.cn/6c/03/6c034035dc956b5ccd803325622efe69_1305x730.png) ### ![](https://img.kancloud.cn/32/9b/329b82cae0786d60f943ec9b5f9b8173_1236x893.png) ### ![](https://img.kancloud.cn/82/9b/829b8f264e1aa73ea56284f7b2475ed0_2410x1178.png) ![](https://img.kancloud.cn/12/b3/12b36b312632d856174c374b2493199f_2256x1286.png) ### 这样就可以实现开发环境 生产环境后端接口的自由切换了