登录的callApi访问.json文件-vuejs

Question

我想通过链接访问.json文件。 当我在浏览器中键入指向json文件的链接时，它会要求提供我知道的凭据（用户名+密码）。

我想在代码中写入凭据，因此当网站尝试从json文件中获取数据时，我不必再手动登录，也不会收到一条消息以我的凭据登录。

当然，除了callApi方法之外，如果还有其他访问json的可能性，欢迎您。 :)

无需身份验证并带有本地文件的当前代码：

<script>
import jsonData from '../../static/json/test.json'
export default {
  name: 'dash',
  data() {
    return {
      data: ''
    }
  },
  mounted() {
    this.fetchData()
  },
  methods: {
    fetchData() {
      this.callApi()
        .then((responseData) => {
          this.data = responseData;

        })
    },
    callApi() {
      return Promise.resolve(jsonData)
    }
  }
}
</script>

Answer 1

如果您使用的是基本身份验证，则可以在以冒号分隔的网址开头添加用户名和密码。 因此，示例网址为https：// username：password@www.example.com/

请注意，这不是一个好习惯，不应在生产中使用。