nuxt全局配置接口地址

第一步: 檢查包

檢查package.json文件是否有 cross-env 這個包,沒有的話執行下面命令;

npm install  cross-env -save

*cross-env --跨平台設置及使用環境變量包

 

 

 

 

 

---

第二步: 修改配置

package.json文件修改配置(BASE_URL=測試域名或正式域名)

"scripts": {
    "dev": "cross-env BASE_URL=接口地址 NODE_ENV=development nuxt",
    "build": "cross-env BASE_URL=接口地址 NODE_ENV=production nuxt build",
    "start": "cross-env BASE_URL=接口地址 NODE_ENV=production nuxt start", 
　　"generate": "cross-env BASE_URL=接口地址 NODE_ENV=production nuxt generate" },

 

---

第三步: 添加配置

nuxt.config.js文件添加env配置(env是environment環境的意思)

 

 

 

mode: 'universal',
  env: {
    BASE_URL: process.env.BASE_URL,
    NODE_ENV: process.env.NODE_ENV
  },

 

有興趣可以移步官方文檔: The env Property (看不懂切換中文,看完中文記得再切換英文,因為有些釋義中文翻譯后怪怪的,會變得難以理解)

---

第四步: 引用配置