Webpack為生產環境和在線環境提供了兩個配置文件。通常開發時使用壹個界面，項目上線後會自動切換到另壹個界面。廢話不多說，如下圖所示。第壹步是在vue-cli項目的config文件夾下找到dev.env.js。默認值如下:
然後我們需要添加開發環境中使用的接口域名來請求後臺數據，如下所示:
Url_api是我自己設置的，可以自定義。以下路徑是您自己的開發環境中的接口。
然後找到prod.env.js，默認如下所示:
在該文件中，還增加了在線請求接口的配置:
最後，在您自己打包的axios中調用這個接口:
定制變量= process.env.url_api（這只是在配置文件中定制的），並將url拼接到封裝的axios中。最後，當npm在生產環境中運行dev時，它將自動調用剛剛在dev.env.js中定義的接口，當npm運行build to package時，它將自動調用prod.env.js中配置的接口。
此外:跨域問題。
？可能有些小夥伴在vue中配置了跨域代理，導致拼接後的url中proxy代理失效，跨域問題還是出現了。我個人解決這個問題的想法是代理配置保持不變，只有本地接口需要替換為dev.env.js中的空字符串在開發環境中不會出現跨域問題。如果妳不懂，妳可以問我。如果妳有更好的計劃，我希望妳能給我妳的建議。謝謝妳。
鏈接:/p/6393cf897663