Ошибка при использовании Fetch API в Vue JavaScript - PullRequest
Новая
       59

Ошибка при использовании Fetch API в Vue JavaScript

0 голосов
/ 23 января 2020

Я использую следующий код для чтения файла, используя fetch: 

fetch('rest.txt', {mode: 'no-cors'})
      .then(response => response.text())
      .then(data=> console.log(data));

И в консоли браузера я получаю следующий ответ вместо текста файла. 

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="icon" href="./static/favicon.ico"/>
    <title>TRAINSET</title>
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-91042619-2"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'UA-91042619-2');
    </script>
  </head>
  <body>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  <script type="text/javascript" src="/app.js"></script></body>
</html>
<style>
html, body {
  max-width: 100% !important;
  overflow-x: hidden !important;
}
</style>

Я вчера попробовал то же самое, и оно работало нормально, но сегодня это не так.

Может кто-нибудь помочь мне с этим?

Ответы [ 2 ]

0 голосов
/ 27 января 2020

Просто добавьте var customData = require ('./ rest.txt'); в начале. Это решило проблему для меня. Без этого fetch не будет работать, если он работает на сервере. Без запущенного сервера fetch будет работать без этого.

0 голосов
/ 23 января 2020

Странно, я скопировал этот код напрямую и запустил с http-сервера 

  fetch('/rest.txt', {mode: 'no-cors'})
      .then(response => response.text())
      .then(data=> console.log(data));

, и он работает

Можете ли вы показать весь контекст, в котором этот код используется?

...