01_node.js安装和利用

1.安装node.js : Node.js — Run JavaScript Everywhere (nodejs.org)
2.检察安装版本下令：node -v   、  npm -v，
npm是Node.js包管理器, 用来安装各种库、框架和工具。
3.检察当前的镜像源： npm get registry 
4.设置当前镜像源：npm config set registry https://registry.npm.taobao.org 或 npm config set registry https://registry.npmmirror.com/
5.安装Axios库，Axios 是基于 Promise 的网络请求库, 它可以发送http请求并接收服务器返回的响应数据，Axios 返回的是一个 Promise 对象。
新建一个文件夹Axios,运行cmd转到该目录下，下令：npm install axios
我们需要的是\Axios\node_modules\axios\dist\axios.min.js这个文件
 

1. //get请求
2.     axios.get('http://127.0.0.1/get').then(response => {
3.         console.log("get.data:", response.data)
4.     }).catch(error => {
5.         console.log("get.error:", error)
6.     }).finally(() => {
7.         console.log("get.finally")
8.     })

复制代码

 
 

1. //post请求 post
3.     axios.post('http://127.0.0.1/post', data, {
4.         headers: {
5.             'Content-Type': 'application/json'
6.         }
7.     }).then(response => {
8.         console.log("post.data:", response.data)
9.     }).catch(error => {
10.         console.log("post.error:", error)
11.     }).finally(() => {
12.         console.log("post.finally")
13.     })

复制代码

 
 
模块化开发
1.vs code内先安装Live Server插件
index.js

1. let title = "hello world"
2. let web = "www.microsoft.com"
3. let getWeb = () => "www.microsoft.com/zh-cn/"
5. //将多个变量或函数分别导出
6. export { title, web, getWeb }

复制代码

1. export { title, web, getWeb } 意思是将该文件内的多个对象导出去。

复制代码

1. export default { title, web, getWeb }意思是将该文件内的多个对象整体导出去。

复制代码

 
app.vue

1. [/code][code]import { title as webTitle, web, getWeb } from './index.js' 意思是引用index.js内的这些对象。<br>引用index.js 还可以这样写：<br>import obj from "./index.js"  整体获取<br>import * as obj from "./index.js"  <br>obj.webTitle,obj.web。。。。。

复制代码

ok，然后app.vue页面内右键-->Open with Live Server。
 
 
async/await利用

1. const getData = async () => {
2.         const response = await axios.get('http://127.0.0.1/get')
3.         console.log("async.get.data:", response.data)
4. }

复制代码

async关键字表示该方法味异步方法，await 等待当前返回结果。

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。