Vue中的前后台交互

先安装axios

npm install axios

然后在vue页面中进行编码:

import axios from 'axios';
	export default {
		name: 'App',
		components: {
		},
		data: function(){
			return {
				my_pics: []
			}
		},
		methods: {
			getPicList(pic_dir) {
				const path = 'http://127.0.0.1:5000/folder/'+pic_dir;
				axios.get(path, null, { params: {root:pic_dir}})
				.then((res) => {
					this.my_pics = res.data;
				})
				.catch((error) => {
					// eslint-disable-next-line
					console.error(error);
				});
			}
		},
		created() {
		},
	}
上一篇:王者战力查询接口(图文版)


下一篇:Python爬虫入门记(5)- 批量下载图片(正则表达式,以百度文库为例)