vue開發環境 生產環境配置

2021-10-01 08:57:29 字數 539 閱讀 8995

vue開發環境 生產環境配置

首先生成三個檔案

.env

.env.development

.env.production

他會根據你執行的環境 去自動走相應的檔案

.env

node_env = 'production'
.env.development

.env.production

node_env=production
我在這裡裡面封裝了axios 在axios 裡面直接引用就可以 此檔案是.js檔案

import axios from "axios"

import qs from "qs"

export default http;

這個時候基本就可以了 如果有跨域問題的話可以去vue.config.js裡面去配置 3.0版本的沒有config資料夾 自己去新建乙個vue.config.js檔案與src同級

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

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

vite配置開發環境和生產環境

為什麼需要境變數的配置 在很多的時候,我們會遇見這樣的問題。開發環境的介面是 此時,我們打包的時候自動獲取生產環境的值,vite為我們提供了這樣的方式。下面我們來看一下怎麼操作 境變數的配置在專案的根目錄下,建立 env.development檔案 開發 和.env.production 生產 在這...

Vue配置開發,測試,生產環境api

實現通過不同的命令,打包呼叫不同環境的api,實現實現前端自動化部署。前端自動化部署工程比較複雜,這裡只介紹通過不同的命令,打包的時候呼叫不同環境的api,例如 npm run build呼叫開發環境介面,打包開發環境 npm run build test呼叫測試環境介面,打包測試環境 npm ru...