nuxt请求后台的地址问题

Question

在nuxt中请求后台地址，比如我想post数据给服务器（出接口的服务器单独是一个项目）

在本地开发环境中我想发给 localhost：5000（nuxt的项目是localhost 3000）

在测试环境，我想发给 test.a.com

在正式环境，我想发送给 a.com

但是在用axios请求时，我想使用的是相对地址，/api，这样可以避免跨域问题，如何做配置

我在网上找到了@nuxt/proxy，但是不知道如何区分环境。（不知道该组件仅仅用于开发还是线上也可以使用）

同时想问nuxt如何区分环境（开发，测试，正式）

Answer 1

可以在项目中创建个app_config.js的配置文件，在里面写上你的环境的地址，然后把配置文件在index.html中引用，类似下面
app_config.js位置:

可以放在项目目录的static下面，参见下面的index.html中引用

app_config.js内容

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>

搞定