.vue文件怎么请求api
1、首先我们安装axios网络请求库
cd test // 进入项目根目录 npm i axios -S // 执行安装
2、在需要使用请求的vue组件内,引入axios
<template> <div>请求示例</div> </template> <script> // 引入axios import axios from 'axios' export default{ created() { // 发送请求 axios.get('http://localhost/api.php') .then(res => { // 打印请求结果 window.console.log(res.data) }) } } </script>
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答疑栏目进行学习!
以上就是.vue文件怎么请求api的详细内容,更多请关注易知道|edz.cc其它相关文章!