vue入门:用axios跨域连接PHP+MySQL后台

本文详细记录了Vue新手在使用axios进行跨域连接PHP+MySQL后台的过程中遇到的问题及解决方法。内容包括搭建PHP+MySQL+Apache环境,编写PHP接口文件,创建Vue项目并安装axios,解决跨域问题以及在Vue中调用接口显示数据库数据的步骤。开发环境采用WAMPServer和WebStorm,重点提到了在Vue项目配置中设置代理以实现跨域请求。
摘要由CSDN通过智能技术生成

一步步踏着坑过来


要点总结

  1. 搭建PHP+MySQL+apache,生成服务器,生成简单数据库表
  2. 写后台PHP文件,供给前端引用接口(返回一个数组)
  3. 搭建vue项目,安装在项目中安装axios插件
  4. 写vue前端代码,引用后端接口,显示数据库表。

开发环境:wampserver(后台)、webstorm(前台)

  • 在生成的Apache服务器上编写后台接口文件axiosphp.php文件,设置默认端口为8080
  • <?php
    header("Content-type: text/html; charset=utf-8");
    $conn = mysql_connect('localhost','root','123456');//连接数据库,根据自己的数据库填写
    $select = mysql_select_db('bianquan');//选着数据库表
    $sql="select * from user";//操作数据库
    $result=mysql_query($sql); //执行操作
    $row=mysql_fetch_row($result); // 从结果集中取得一行作为枚举数组,存入row数组中
    echo(json_encode($row)); //返回相应数组,不是用return
    echo

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值