JS require is not defined -- 在无node.js环境的浏览器中使用axios

        在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,就出现了以下错误(我还以为是跨域问题找了半天)。

         

  • 1
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值