在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/Linux  網(wǎng)絡(luò)安全  HTML/ nuxt如何區(qū)分dev環(huán)境和start環(huán)境，并根據(jù)環(huán)境配置不同的環(huán)境變量

nuxt如何區(qū)分dev環(huán)境和start環(huán)境，并根據(jù)環(huán)境配置不同的環(huán)境變量

我現(xiàn)在有一個(gè)測(cè)試服務(wù)器和一個(gè)線上服務(wù)器，這兩個(gè)服務(wù)器的請(qǐng)求接口地址是不一樣的，所以我現(xiàn)在想?yún)^(qū)分開dev環(huán)境和start環(huán)境，讓dev環(huán)境請(qǐng)求測(cè)試服務(wù)器的接口，start環(huán)境請(qǐng)求線上服務(wù)器的接口。所以我想?yún)^(qū)分dev環(huán)境和start環(huán)境，根據(jù)環(huán)境配置一個(gè)環(huán)境變量，這個(gè)變量需要在頁(yè)面上能調(diào)用，通過這個(gè)變量拼接字符串請(qǐng)求接口。
如：我在dev環(huán)境下請(qǐng)求的接口為：www.dev.xxx.com/xxx,start環(huán)境下請(qǐng)求的接口為：www.xxx.com/xxx

回答
編輯回答
青裙

最后通過啟動(dòng)兩個(gè)nuxt的node服務(wù)進(jìn)程，配置不同的服務(wù)端環(huán)境變量解決。

2017年8月7日 22:12
編輯回答
伴謊

用dev舉個(gè)例子先，package.json中添加

"dev": "nuxt",// 這個(gè)是原有的命令
"dev:test": "cross-env PATH_TYPE=local nuxt", // 擴(kuò)展兩條命令
"dev:start": "cross-env PATH_TYPE=online nuxt",// 擴(kuò)展兩條命令

nuxt.config.js中module.exports添加

env: {
    PATH_TYPE: process.env.PATH_TYPE
  }

在你的路徑j(luò)s文件中添加，此時(shí)可以使用process.env.PATH_TYPE判斷是哪個(gè)環(huán)境來生成不同的路徑。

let path
if (process.env.PATH_TYPE === 'local') {
  path = 'www.baidu.com/1'
} else {
  path = 'www.baidu.com/2'
}
export default path
2017年4月27日 15:44