vue開發和生產環境axios介面切換

2021-09-27 23:57:47 字數 431 閱讀 2166

主要方法是在你建立vue.config.js之後,在本地跨域是沒有問題的,此時打包上線之後,介面會出現乙個問題,就是多了跨域的乙個字段。此時

需要建立乙個檔案,類似於api.config.js的檔案。

檔案中寫上:

var ispro = process.env.node_env === 'production' 用於區分是生產環境還是開發環境

//根據環境不同匯出不同的baseurl

module.exports =

然後在main.js中匯入

import apiconfig from '../dalan.config.js'

axios.defaults.baseurl=apiconfig.baseurl;

再次打包即可完成上線的介面切換操作。

vue開發環境 生產環境配置

vue開發環境 生產環境配置 首先生成三個檔案 env env.development env.production 他會根據你執行的環境 去自動走相應的檔案 env node env production env.development env.production node env produc...

vue3 0 配置開發環境和生產環境

前言 開發過程 測試過程 生產過程使用的介面位址不能,還有執行的操作可能也不一樣,也就需要實現配置好開發環境 測試環境 生產環境,需要什麼環境下的配置直接使用即可。1 在src同級目錄也就是根目錄下新建檔案 env.development 開發環境 env.test 測試環境 env.product...

webpack開發環境和生產環境打包

開發環境webpack.config.js基礎的配置 const path require path 首先要安裝該外掛程式 npm i html webpack plugin d const htmlwebpackplugin require html webpack plugin module.e...