登錄的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/

請注意，這不是一個好習慣，不應在生產中使用。