axios步骤,axios怎么实现的
来源:互联网 浏览:89次 时间:2023-04-08
1、下载 npm i axios 2、main.js引入 // 导入axiosimport axios from 'axios';Vue.use(axios) 3、vue文件引入js文件并使用 <script>// bug :mui的dist文件要放在node_modules中import mui from "../../../node_modules/dist/js/mui.min.js";import axios from "../../../node_modules/axios/dist/axios.min.js";export default { data() { return { lunbo: [], good_category_logo: [], notice: [], flag: true, tuijian_goods_list: [] }; }, created() { // bug:请求的url地址需要加上http:// axios .post("http://www.bgj2.kim/index.php/?s=/wap/Index/index", {}) .then(res => { let data = res.data.data; console.log(res.data.data); this.lunbo = data.lunbo; this.good_category_logo = vps云服务器 data.good_category_logo; this.notice = data.notice; this.tuijian_goods_list = data.tuijian_goods_list; }); }, vue 2.0 // main.jsimport Vue from 'vue'import axios from 'axios'axios.defaults.baseURL = baseURL;Vue.prototype.axios = axios// 设置headers tokenaxios.defaults.headers.common['token'] = '123456'; // 使用methods:{ // 注册 register(){ this.axios.post('/api/login/register',{}).then(res=>{ console.log(res); }) } }