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