手动安装axios,和axios遇到的问题

问题 : vue脚手架默认不带axios

解决 : 右键单击package.json，选择在集成终端中打开。 然后在终端中输入: npm   i    -save    axios

问题:所有的页面组件或其他子组件中都随时有可能使用axios发送请求获取数据。

解决: 2种:

1.放在原型对象中——只适合于vue2

2.利用模块化开发的单例模式——vue2和3都适用 - 每用new 创建一个新对象，也称为创建一个新的实例(instance)对象

main.js中: 

import axios from “axios”

axios.defaults.baseURL=“服务器端接口基础路径” 不用将axios放入任何地方

Vue.prototype.axios=axios;

其他组件中:

import axios from “axios” 然后不要加this. , 直接axios.get()就可调用