reactjs - url 中添加了不必要的 %E2%80%8B

Question

我在 axios.create() 方法中设置了我的基本 URL，并在其他页面中使用它。但它在 URL 中添加了不必要的“%E2%80%8B”。有没有办法避免这个问题？这是我的代码块:

import axios from 'axios';

const apiVersion = 1;
export const baseURL = ('https://localhost:50001')

export default axios.create({
  baseURL: baseURL,
});

export const urls = {
    unit: {
    get_all: `/​api/v${apiVersion}/Unit/get-all-units`,
    get_by_key: `api/v${apiVersion}ion}/Unit/get-unit`,
    post: `/api/v${apiVersion}/Unit/save-unit`,
    put: `/api/v${apiVersion}/Unit/update-unit`,
    delete: `​/api​/v${apiVersion}​/Unit​/delete-unit​`
  }
}

这个 axios 我打算以这种方式使用我的另一个组件:

const getAllUnits = async () => {
    try {
      await axios
        .get(urls.unit.get_all)
        .then(res => {
          setRecords(res.data.data);
          setIsLoaded(true)
        })
    } catch (e) {
      console.log(e);
    }
  }

但它显示此错误。请帮帮我。 enter image description here

Answer 1

您的模板字符串中有一个不可见的字符，称为“零宽度空间”(see this table)。您可能不小心插入了它或从其他地方复制了它。尝试完全删除并重新键入模板字符串以确保您摆脱它。