.vue文件怎么请求api
1、首先我们安装axios网络请求库cd test // 进入项目根目录
npm i axios -S // 执行安装
2、在需要使用请求的vue组件内,引入axios
请求示例
// 引入axios
import axios from 'axios'
export default{
created() {
// 发送请求
axios.get('http://localhost/api.php')
.then(res => {
// 打印请求结果
window.console.log(res.data)
})
}
}
3、编写后台api,这里采用PHP<?php
// 跨域设置
header('Access-Control-Allow-Origin: *');
header('Access-Control-Allow-Credentials: true');
header('Access-Control-Allow-Methods: GET, POST, PUT, DELETE, OPTIONS');
header("Access-Control-Allow-Headers: Origin, X-Requested-With, Content-Type, Accept");
echo json_encode(array('code' => 200, 'msg' => '请求成功'))
?>
4、打开浏览器测试
更多Vue.js相关技术文章,请访问Vue.js答疑栏目进行学习!