[Bug]引用外部JS模块报错 :GET .... net::ERR_ABORTED 404 (Not Found)

1.问题描述

准备在前端html文件中直接使用 axios 模块,项目结构如下(红框表示用到的文件):

语句如下:

    <script src="../public/js/axios.min.js"></script>
    <script>
        const axios = require('axios');
        //返回值是一个Promise对象,在then()接收参数
        axios.get("/fruits").then((res)=>{
            console.log(res.data)
        })
    </script>

2.解决方法

关键在第一个script标签 src="../public/js/axios.min.js"这一句。VS Code 显示可以访问这个地址：

但是程序的地址引用是有问题的，在后端Node.js相关文件中添加koa-static静态资源中间件：

并修改第一个<script>的src属性:/js/axios.min.js

问题解决。