.js 文件中的 Vuejs require("axios")，未定义 require

Question

我正在使用 vuejs，我正在尝试向我的 API 发出 GET 请求。我正在使用 axios，但我无法导入它，如果我使用 require 导入 axios，我会收到此错误：Uncaught ReferenceError: require is not defined.

这是我的 vuetest.js 文件：

const axios = require("axios");

new Vue({
  el: "#rentalsVue",
  data() {
    return {
      info: null,
    };
  },
  mounted() {
    axios.get("/getRentals").then((response) => (this.info = response));
  },
});

这是html:

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
</head>

<body>
    <div id="rentalsVue">
        {{ info }}
    </div>


    <script src="vuetest.js"></script>
</body>

</html>

Answer 1

发生这种情况是因为 require() 在 browser/client-side JavaScript 上不存在。

需要使用<script>标签导入Axios后才能使用

.js 文件中的 Vuejs require("axios")，未定义 require

Vuejs require("axios") in .js file, require is not defined

html

javascript

get

vue.js

axios