翼度科技»论坛 编程开发 .net 查看内容

01_node.js安装和使用

5

主题

5

帖子

15

积分

新手上路

Rank: 1

积分
15
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
  2.     axios.post('http://127.0.0.1/post', data, {
  3.         headers: {
  4.             'Content-Type': 'application/json'
  5.         }
  6.     }).then(response => {
  7.         console.log("post.data:", response.data)
  8.     }).catch(error => {
  9.         console.log("post.error:", error)
  10.     }).finally(() => {
  11.         console.log("post.finally")
  12.     })
复制代码
 
 
模块化开发
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/"
  4. //将多个变量或函数分别导出
  5. 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 等待当前返回结果。

来源:https://www.cnblogs.com/MingQiu/p/18121769
免责声明:由于采集信息均来自互联网,如果侵犯了您的权益,请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容,谢谢合作!

举报 回复 使用道具