鍍金池/ 問答/Java  HTML/ nuxt請(qǐng)求后臺(tái)的地址問題

nuxt請(qǐng)求后臺(tái)的地址問題

在nuxt中請(qǐng)求后臺(tái)地址，比如我想post數(shù)據(jù)給服務(wù)器（出接口的服務(wù)器單獨(dú)是一個(gè)項(xiàng)目）

在本地開發(fā)環(huán)境中我想發(fā)給 localhost：5000（nuxt的項(xiàng)目是localhost 3000）

在測(cè)試環(huán)境，我想發(fā)給 test.a.com

在正式環(huán)境，我想發(fā)送給 a.com

但是在用axios請(qǐng)求時(shí)，我想使用的是相對(duì)地址，/api，這樣可以避免跨域問題，如何做配置

我在網(wǎng)上找到了@nuxt/proxy，但是不知道如何區(qū)分環(huán)境。（不知道該組件僅僅用于開發(fā)還是線上也可以使用）

同時(shí)想問nuxt如何區(qū)分環(huán)境（開發(fā)，測(cè)試，正式）

回答
編輯回答
帥到炸

可以在項(xiàng)目中創(chuàng)建個(gè)app_config.js的配置文件，在里面寫上你的環(huán)境的地址，然后把配置文件在index.html中引用，類似下面
app_config.js位置:

可以放在項(xiàng)目目錄的static下面，參見下面的index.html中引用

app_config.js內(nèi)容

const idcUrlConfig = {
  //baseIdc: 'http://abc.com'
  baseIdc: 'http://127.0.0.1:8000'
  }

axios引用:

axios.defaults.baseURL = idcUrlConfig.baseIdc

index.html:

<script type="text/javascript" src="/static/app_config.js"></script>

搞定

2017年1月6日 14:13