在React Native中覆盖URL参数

时间:2018-05-30 22:47:08

标签: reactjs react-native react-router

我正在编写一个React Native应用程序,但我遇到的情况是不知道如何覆盖/替换URL上的参数。

在以下网址中,我想替换HOST和PORT:

axios.get('http://HOST:PORT/dtcmtools/api/mufs/dynsystbls/MFO')

我已经有了变量,只是不知道如何传递它们。

1 个答案:

答案 0 :(得分:1)

您有多个选项

  1. 使用axios默认网址,这样您就不必每次都使用HOST:PORT

    axios.defaults.baseURL = 'http://HOST:PORT';
    

    然后你可以做

    axios.get('/dtcmtools/api/mufs/dynsystbls/MFO')
    
  2. 如果您支持ES6,只需使用模板字符串

    axios.get(`http://${host}:${port}/dtcmtools/api/mufs/dynsystbls/MFO`)
    
  3. 正常连接

    axios.get('http://'+host+':'+port+'/dtcmtools/api/mufs/dynsystbls/MFO')