vue使用axios调用后端接口-凯发k8官方旗舰厅

vue使用axios调用后端接口_ajax向后端传值首先后端提供接口//查询所有数据exports.select=(req,res)=>{constsqlstr=’select*frommy_db_01.ev_articles’db.query(sqlstr,(err,result)=>{//查询数据失败if(err)returnconsole.log(err.message);//查询数据成功,如果执行select语句,返回数组res.send({

首先后端提供接口

//查询所有数据
exports.select = (req, res) => {
  const sqlstr = 'select * from my_db_01.ev_articles'
  db.query(sqlstr, (err, result) => {
    //查询数据失败
    if (err) return console.log(err.message);
    //查询数据成功,如果执行select语句,返回数组
    res.send({
      result
    })
    console.log(result);
  })
}
router.get('/select', user_handler.select)
vue使用axios调用后端接口_ajax向后端传值

为防止网络爬虫,请关注公众号回复”口令”

激活idea 激活clion
datagrip dataspell
dotcover dotmemory
dottrace goland
phpstorm pycharm
resharper reshac
rider rubymine
webstorm 全家桶

前端使用vue接收数据

先在return里定义datalist接收数据

        created() {
            const that = this;
            axios.get('http://127.0.0.1:3007/api/select')
                .then(function (value) {
                    that.datalist = value.data.result;
                    console.log(that.datalist);
                })
                .catch(function (reason) {
                    console.log(reason);
                });
        },

整体数据:


凯发k8官方旗舰厅的版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由思创斯整理,转载请注明出处:https://ispacesoft.com/118778.html

(0)

相关推荐

  • vue中使用mockjs_vue mock作用:mock数据实现前端不依赖后台接口开发步骤:1.npminstallmockjs–save-dev2.目录3.在src目录下创建mock文件index.jsimportmockfrom’mockjs’importuserfrom’./user.js’mock.mock(‘/main.php’,’get’,()=>{returnus…

  • vue父传子undefined_vue echarts 动态数据创建后created发送请求,获取数据,点击取消后,创建的组件没有被销毁,(编辑数据,由于数据回填动作写在created中,子组件用dialog包裹,导致数据回填不正确,props的执行是异步的)解决方法1v-if销毁重建。会自动执行created在组件上创建属性v-if=“showdiaglo”,关闭弹出层后进行组件销解决方法2在父组件里,点击编辑后,找到子组件,调用获取详情方法如何在父组件中调用子组件方法ref父组件this.$refs.子组件名字.方法子组件添

  • vue2.0_导入本地音乐到vue介绍wtm与wtmplusvue版本相关经验。

  • vue中$refs的基本用法[通俗易懂]ref有三种用法:  1、ref加在普通的元素上,用this.$refs.(ref值)获取到的是dom元素  2、ref加在子组件上,用this.$refs.(ref值)获取到的是组件实例,可以使用组件的所有方法。在使用方法的时候直接this.$refs.(ref值).方法()就可以使用了。  3、如何利用v-for和ref获取一组数组或者dom节点应注意的坑…

    2022年12月25日
  • vue安装环境搭建提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录vue安装环境搭建前言一、node.js安装和配置1.下载安装node.js2.配置默认安装目录和缓存日志目录3.node.js环境配置4.配置淘宝镜像源二、使用步骤1.引入库2.读入数据总结前言vue前端框架的环境搭建一、node.js安装和配置1.下载安装node.js凯发k8官方旗舰厅官网下载最新版本:https://nodejs.org/en/download/可以下载安装包(安装教程见:http

  • vue 数组转json_vue字符串转时间vue/js数组转字符串之间的相互转换//数组转字符串letarr=[1,2,3]arr.join(‘,’)//变成字符串,并以逗号分隔//字符串转数组letstr=’1,2,3’str.split(‘,’)//字符串按逗号分隔成数组//温馨提示以上(’,’)可以换成你想要的分割字符…

  • 前后端分离 vue spring boot_java前后端分离部署
    最近做了一个前后端分离的商城项目来熟悉开发的整个流程,最后希望能有个正式的部署流程,于是试着把项目放在云服务器上,做了一下发现遇到了不少问题,借此记录一下整个部署的过程。 使用的技术栈如标题所说大体上是vue spring boot,但还是要提一下详细的版本,因为在解决问题的过程中发现由于开发环境的 …

  • day 169/200 vue3 如何设置定时器以及清除定时器?「建议收藏」前言搜了一堆,是支持vue2的this.$once,试了有报错,发现vue3被移除了,伤心,记录下凯发k8官方旗舰厅的解决方案。1、data中生命data(){return{timer:null,}},2、mounted钩子中定义方案及处理函数mounted(){this.timer=setinterval(()=>{//处理部分},3000)},3、beforeunmount或unmounted的钩子中销毁

发表回复

您的电子邮箱地址不会被公开。

联系凯发k8官方旗舰厅

关注“java架构师必看”公众号

回复4,添加站长微信。

附言:ispacesoft.com网而来。

关注微信
网站地图