vue多環境配置加代理


vue多環境配置

1、 config 文件夾 不同環境的配置文件

dev.env.js(本地); sit.env.js(測試); prod.env.js(線上)  如下圖

2、 配置變量獲取不同環境里js的內容

3、 注釋固定的變量,方便之后自己配置

 

4、根據不同環境用webpack注入全局變量process.env

5、 配置package.json打包不同的環境下的包(npm run build:sit 打包測試環境包)

通過以上配置,vue環境配置就完成了。

補充!!!!

打包的過程中會出現背景圖片沒辦法顯示這時候,需要修改 config/index

還有build里的untils

通過修改這2個配置,既可以解決打包時找不到背景圖。如果還是不可以真正訪問頁面,這時候需要看下后端的訪問路徑!!!!

vue本地請求接口代理

1、我們把請求接口統一封裝在request進行統一處理

2、在config/index.js進行代理設置

 補充:如果不通過設置代理的方式本地訪問,需要后端設置,后端設置完,我們只要通過設置這幾個就可以進行不同環境訪問!!!

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM