npm add axios
vue cli 中使用axios,在浏览器浏览时,默认的根目录是public文件夹。
但是在main.js等源文件开发时的引用,是相对于文件自身目录
生命周期里创建方法执行请求:
export default{
create(){
axios.get('/data.json').then((res)=>{
console.log(res)
})
},
}
home.vue引入axios.
每个项目引入axios:yarn add axios/npm install axios --save -dev/npm install axios -S
进入该项目目录下:cd axios-vue
启动项目:npm run serve
创建项目配置选项
创建vue项目:vue create axios-vue(项目名)
上下切换条目,空格选择
查询vue-cli版本:命令vue-V
安装vue-cli脚手架:npm install -g @vue/cli
在vue3.0+项目中安装axios:
npm add axioa
1、vue命令
vue卸载命令:npm uninstall -g vue-cli(vue-cli 2的卸载命令)
vue版本命令:vue -V
vue安装命令:npm install -g @vue/cli(vue-cli 3的安装命令)
vue创建工程化项目命令:vue create 工程名
vue安装axios命令:npm add axios
2、axios基本使用
若data.json报错404,此处路径更改下就好了 axios.get('data.json').then((res)=>{ console.log(res) }
课程不错哦!
删除vue2.* : npm uninstall -g vue-cli
安装vue3.*: npm install -g @vue/cli
创建项目: vue create vue-demo
yarn add axios
创建项目
vue create 项目名
卸载vue-cli 2的命令
npm uninstall -g vue-cli
vue-cli 3.0安装命令
npm install -g @vue/cli