发表于: 2020-07-07 23:05:44

1 2132


今日完成:

遇到问题:
后台打印数据,被瞬间刷新,
原因,模版标签<template>中少嵌套了<div>标签,或者说是用<from>表单标签包裹内容,
解决:把表单<from>改为<div>
深层原理:待查

为什么选择axios?

功能特点:

在浏览器中发送XMLHttpRequests请求

在node.js中发送http请求

支持Promise API

拦截请求和响应

转换请求和响应数据

axios请求方式

axios(config)

axios.request(config)

axios.get(url[ config])

axios.delete(urI[ config])

axios.head(url[ config])

axios.post(url[ data[, config]])

axios.put(ur[, data[ config])

axios.patch(url[ data[, config])

使用axios
vue中是不自带这个框架的,所以想要使用,要先安装(在对应的项目文件夹下)
npm install axios --save
之后在哪个地方用,先导入一下
import axios from axios
ps:
//  123.207.32.32
这是服务器地址(本名)
可以给这个地址绑定域名,都能找到这个服务器
123.207.32.32:8000
8000是个端口号,服务是跑在一个叫8000的端口上
请求123.207.32.32:8000服务器里首页(home)里的多个数据(multidata)
即:123.207.32.32:8000/hom/multidata
回车,返回数据(可以操作有真实数据)   //
使用axios
axios(config)方式
axios({
url:'http://123.207.32.32:8000/hom/multidata',
success: function(){
在这里接收数据,做回调
}
})
因为axios支持.then方法
可以写成
axios({
url:'http://123.207.32.32:8000/hom/multidata',
}).then(res => {
  console.log(res);
})
ps:
1.默认情况下,只发送一个url,就是get请求
2.要设置请求方式,就添加一个method(方法),这里翻译成方式
axios({
url:'http://123.207.32.32:8000/hom/multidata',
method: 'get'
}).then(res => {
  console.log(res);
})
也可以这样写:
axios.post(string(就是url),相关配置)
//两个参数
3.这个接口支不支持,其他请求如post请求,跨域等要看服务器内的设置
4.url后面有参数的话,可以直接进行拼接,
也可以添加一个parans: { }//专门针对get请求的参数拼接

里面进行书写,会自动拼接到对应位置

vue-cli3 脚手架搭建完成后,项目目录中没有 vue.config.js 文件,需要手动创建

vue.config.js 是一个可选的配置文件,如果项目的 (和 package.json 同级的) 根目录中存在这个文件,那么它会被 @vue/cli-service 自动加载

vue.config.js配置

这个文件应该导出一个包含了选项的对象:

...

配置选项

publicPath 

 部署应用包时的基本 URL, 用法和 webpack 本身的 output.publicPath 一致。

这个值也可以被设置为空字符串 ('') 或是相对路径 ('./'),这样所有的资源都会被链接为相对路径,这样打出来的包可以被部署在任意路径。




返回列表 返回列表
评论

    分享到