vue 请求api一行_.vue文件怎么请求api

.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答疑栏目进行学习！