Axios/Node/NPM/Bable/Webpack

原创已于 2025-07-17 02:31:30 修改 · 1.3k 阅读

15 ·

本内容遵循CC 4.0 BY-SA版权协议

GEO检测

于 2024-09-01 11:20:13 首次发布

4.Axios

axios是基于vue的一个项目,用于浏览器和node.js的http客户端,在浏览器中可以帮助我们完成ajax的请求,在node.js中可以向远程接口发送请求
使用的时候和之前的ajax差不多,我们在前端页面的api文件中定义相关js文件,用于写axios,参数一般有:

url: 后端该方法路径 ( 使用模板字符串斜引号 )
method : 后端请求的方法
data / params :需要传递给后端的数据

- data : 添加到请求体（body）中的，这时就涉及到了json字符串, 用于put/post请求,后端接收数据必须加@RequestBody注解
- params :添加到url的请求字符串中的，用于get请求

6.NPM

npm cache clean --force
npm config set strict-ssl false

npm init 
npm config set registry 淘宝镜像
#npm管理的项目在备份和传输的时候一般不携带node_modules文件夹
npm install #根据package.json中的配置下载依赖，初始化项目
npm install jquery@2.1.x
npm install -g webpack

7.Bable

{
"presets": ["es2015"],
  "plugins": []
}

使用时后端需要加入解决跨域问题的配置\

update(banner) {//根据id修改讲师
  return request({
    url: `${url}/${banner.id}`,//左上角引号
    method: 'put',
    data:banner
  })
},

5.Node
假如说我们是一个前端程序员,不懂一些动态编程语言比如说php,python等,但是我们又想创建自己的服务,可以选择使用Node.js
Node.js就相当于是运行在服务端的js,是脱离浏览器环境运行的 JavaScript 程序，基于 V8 引擎（Chrome 的 JavaScript 的引擎）
我们后端程序员也可以利用Node.js部署一些高性能的服务
安装完node后记得重启一下IDEA,不然IDEA识别不到node环境
总结一下就是当我们写了一个hello.js(举例)文件时,我们可以在idea的的命令行终端使用 node hello.js 去调用到该文件
停止服务是 Ctrl + C / y
NPM全称是Node Package Manager,翻译过来就是Node.js的包管理工具,相当于是前端的maven,我们能够通过npm很方便的下载js库,管理我们的前端项目
npm不需要单独安装,node安装后就会默认安装npm这个工具
Node.js 默认安装的 npm 包和工具的位置：Node.js目录\node_modules
我们使用的时候镜像下载用的是淘宝 NPM 镜像,同步频率目前为 10分钟一次，这个下载很快,默认的镜像是国外的下载很慢。
安装可能失败,我们执行了两个指令后重新安装就可以了
常用指令:
Bable是一个转码器,可以将ES6代码转换为ES5代码,后者可以被浏览器识别,但是语句写法没有前者简单,所以为了方便写代码的同时又能运行,就出来了Bable转码
Bable提供了bable-cli工具,用于转码,需要先安装
需要配置 .bablelrc ,存放在项目的根目录下，用来设置转码规则和插件
接着安装转码器进行转码
8.Webpack
是一种前端资源的打包工具,可以根据模块的依赖关系进行分析,然后将这些模块按照制定的规则生成对应的静态资源
可以将js,css,less转换成一个静态文件,减少页面请求