當我嘗試加載我的 html 頁面時，出現此錯誤：
Uncaught (in promise) ReferenceError: axios is not defined at get (index.js:7)
當我匯入它時import axios from 'axios';：
未捕獲的語法錯誤：無法在模塊外使用匯入陳述句
因此，無論哪種方式，它都無法正常作業。我也用過npm install axios并在html檔案中提到了來源：
<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.23.0/axios.js"></script>
或者
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
我只是沒有注意到我可能做錯了什么。這是腳本示例，如下所示：
const apiUrl = 'http://localhost:8000/api/';
async function get(url) {
return (await axios(url)).data;
}
async function loadTable() {
let data = await get(apiUrl 'getList');
let tableDiv = document.getElementById('tableData');
// and so on
我讓 api 運行正常，唯一的問題是這個 axio 參考。節點腳本在另一個 .js 檔案中運行良好，郵遞員也可以毫無問題地識別它。相同的埠，相同的 URL。
uj5u.com熱心網友回復：
如果這是一個 HTML 頁面，就像您在瀏覽器中打開的頁面一樣，npm將無法為您將 Axios 添加到頁面中。您可以將 Node.js 代碼視為服務器端，將瀏覽器視為客戶端（請注意，情況并非總是如此，但在這里）。
另請注意，import適用于 Node.js 代碼，如果沒有額外的框架，將無法在 HTML 代碼中作業，我假設您沒有在此處使用。
您的script標簽是正確的，但它們可能沒有在正確的位置添加到您的 HTML 檔案中。您可以使用這些配置中的任何一種，它應該可以作業：
在創建頁面元素之前匯入腳本：
<head>
...
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
...
</head>
<body>
...
<script src="yourCustomCode"></script>
<body>
創建頁面元素后正在匯入腳本：
<head>
...
</head>
<body>
...
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script src="yourCustomCode"></script>
<body>
無論哪種方式，只要確保 Axios 包高于您要使用 Axios 運行的代碼。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/338999.html
標籤：javascript html 节点.js 接口 公理
下一篇：對陣列的API請求