在vscode中可以在终端通过node XXX.js命令来执行包含require('.../axios')代码的JS文件,然而在浏览器的控制台则会报错
而对应的data_interface.js文件的第15行代码如下:
这是因为浏览器中没有node.js的运行环境,解释器在执行到require这行node.js代码的时候无法识别。
为了解决这个问题,可 以使用browserify这个工具来对JS文件进行模块化打包。首先需要在vscode终端或者cmd通过npm全局安装browserify。
npm install -g browserify
关于npm全局安装和本地安装的区别可以参考以下链接:
NPM 使用介绍 | 菜鸟教程 (runoob.com)https://www.runoob.com/nodejs/nodejs-npm.html
安装完成之后,可在cmd或者vscode终端输入以下代码:
browserify ./demo.js -o ./dist.js
这里有两个文件的地址,第一个文件的地址代表着你要进行打包的JS文件,第二个文件地址代表着打包完成的JS文件存放的位置。
如果出现以下错误,表示没有管理员权限,无法执行该命令。而我在vscode通过设置管理员权限依然无效,只能以管理员身份打开cmd输入。
本来到此就算完成了,但是由于我的粗心大意,不小心在axios中把url打成了大写的URL,就出现了以下错误(我还以为是跨域问题找了半天)。