将变量注入$无效的字符串

Question

axios.get('http://192.168.0.103:3000/weather/Hourly?longitude=${coords.longitude}&latitude=${coords.latitude}')
.then(result => {
  console.log(result);
  dispatch(fetchWeatherDailySucceeded(result.data.weatherInfor))
})
.catch(error => {
  dispatch(fetchWeatherDailyFailed());
})

以某种方式，字符串无法识别我的注射，并且发送到服务器的url是带有$ {}的整个字符串。

Answer 1

${}适用于''反引号，不适用于"或'

您需要使用``（反引号）

`http://192.168.0.103:3000/weather/Hourly?longitude=${coords.longitude}&latitude=${coords.latitude}`

或者，如果您使用'或"，则可以使用字符串连接

'http://192.168.0.103:3000/weather/Hourly?longitude=' coords.longitude + '&latitude=' + coords.latitude 

Answer 2

您不能在''或""内插入变量。您应该``。MDN说

  

模板文字用井号（``）

括起来

axios.get(`http://192.168.0.103:3000/weather/Hourly?longitude=${coords.longitude}&latitude=${coords.latitude}`)