今天研究了如何让vue 项目跑起来,简单实现调通后端的接口
实现步骤:
1.新建一个项目 vue create xxx(项目名字,自定义即可
2.项目跑起来,安装axios npm install axios
3.引入axios,配置axios 相关的参数(如baseURL等)
下面重点介绍实现方法三多种方式
方法一:创建vue.config.js文件,内容如下:
module.exports = {
devServer: {
proxy: ‘http://xxxxx.xxx:88’ // 后端地址
}
}
在页面中,axios是这种用的
axios.post(’/test’, {
name:’ zhangsan’,
pwd:‘123456’
})
.then(function (response) {
console.log(response);
}).catch(function (error) {
console.log(error);
});

方法二:在页面中直接完整的地址
axios.post(‘http://xxxxx.xxx:88/test’, {
name:’ zhangsan’,
pwd:‘123456’
})
.then(function (response) {
console.log(response);
}).catch(function (error) {
console.log(error);
});
方法三: 通过向 axios 传递相关配置来创建请求
axios({
method: ‘post’,
url: ‘http://xxxxx.xxx:88/test’,
data:{
name:’ zhangsan’,
pwd:‘123456’
}
})
.then(function (response) {
alert(“success”)
console.log(response);
}).catch(function (error) {
console.log(error);
});

菜鸟之如何让项目跑起来(适合小白看,不是小白的不要进来看了,浪费时间)相关推荐

  1. 《嵌入式系统开发之道——菜鸟成长日志与项目经理的私房菜》——02-08项目人力资源(Human Resource)管理...

    本节书摘来异步社区<嵌入式系统开发之道--菜鸟成长日志与项目经理的私房菜>一书中的第2章,第2.8节,作者:邱毅凌,更多章节内容可以访问云栖社区"异步社区"公众号查看 ...

  2. steam/csgo搬砖项目,非常适合新手小白

    Steam平台是一个游戏平台,可以在上面交易游戏物品.Steam搬砖就是在steam平台购买饰品,去国内网易buff平台售卖.Steam搬砖的利润是月利润30%左右 饰品的市场需求: 1. steam ...

  3. python入门新手项目-Python入门实战项目有哪些适合新手?

    Python入门实战项目有哪些适合新手?目前市面上有很多适合新手的Python入门练手项目,Python入门需要理论与实践相结合,前面夯实基础知识,后面通过实战项目帮助你更好的运用这些Python知识 ...

  4. 《嵌入式系统开发之道——菜鸟成长日志与项目经理的私房菜》——第1章 系统•嵌入•硬件 01-01 Welcome on board!...

    本节书摘来自异步社区<嵌入式系统开发之道--菜鸟成长日志与项目经理的私房菜>一书中的第1章,第01-01节,作者 邱毅凌,更多章节内容可以访问云栖社区"异步社区"公众号 ...

  5. 《嵌入式系统开发之道——菜鸟成长日志与项目经理的私房菜》——02-04项目范围(Scope)管理...

    本节书摘来异步社区<嵌入式系统开发之道--菜鸟成长日志与项目经理的私房菜>一书中的第2章,第2.4节,作者:邱毅凌,更多章节内容可以访问云栖社区"异步社区"公众号查看 ...

  6. win10快速运行vue项目跑起来 - 方法篇

    如何让win10更快速跑vue项目运行起来? 不用再每次先cd到项目目录了, 直接进入根文件夹后,再打开Powershell窗口,可以省略一大堆操作 (详情如下简介) 快捷操作如下: 先打开,并进入 ...

  7. 《嵌入式系统开发之道——菜鸟成长日志与项目经理的私房菜》——01-05 基本职能:老鸟也曾是菜鸟...

    本节书摘来自异步社区<嵌入式系统开发之道--菜鸟成长日志与项目经理的私房菜>一书中的第1章,第01-05节,作者 邱毅凌,更多章节内容可以访问云栖社区"异步社区"公众号 ...

  8. 菜鸟修行之路----项目实战:微人事项目之项目概述

    菜鸟修行之路----项目实战:微人事项目之项目概述 ​ 修行之路艰辛,与君共勉!! ​ 从即日起,通过对于github上非常热门的前后端分离开发的开源项目:微人事管理系统的全面学习以及自主手写代码实现 ...

  9. 整合Mybatis、Servlet、Mysql、Axios、Filter、Session写一个入门级项目:非常适合初接触JavaWeb的小白白来进阶

    文章目录 写在前言 写作收获&目的 目录结构 1 依赖配置 1.1 创建一个Web项目 1.2 Pom.xml 2 配置Mybatis 2.1 Mybatis-config.xml 2.2 U ...

最新文章

  1. 2019天猫双11成交额达2684亿,盘点今年双11有哪些亮点!
  2. 使用isql连接Sybase ASE数据库的常见错误及处理方式
  3. C语言博客作业--数据类型
  4. sess.run()详解
  5. java高并发(五)并发模拟
  6. 我的测试和代码分析工具箱
  7. java 所有子类_java 查找类的所有子类
  8. 数万字的0基础React知识大纲一定要藏藏好
  9. arm linux 脚本 排序,arm-linux连接以及连接脚本
  10. redhat下使用mrtg监控主机流量
  11. 理解一下策略模式,工厂模式
  12. 7个现象告诉你手游圈为什么会有寒冬
  13. 获取Linux内核未导出符号的几种方式
  14. html左边导航栏点击下拉显示内容,html导航栏-简单运用display设置左拉和下拉导航栏...
  15. Python轻松实现地图可视化(附详细源码)
  16. Unity功能——设备硬件绑定(通过设备SN码)
  17. 发送邮件服务器连接错误什么意思,SMTP 错误(-1) :连接服务器失败
  18. 关于电信基站nid,sid,bid
  19. OBS编译vs2019
  20. 计算机地图制图的过程,第四章计算机地图制图过程.ppt

热门文章

  1. 【时间之外】浏览器分屏使用技巧
  2. 项目经理工具之Microsoft Project(MSP)
  3. 微软project服务器搭建,安装和配置 Project Server 2013
  4. Windows和Linux双系统下grub选单的清除
  5. 点开计算机左侧没有桌面一项,为什么,我的电脑右键点选桌面空白弹出的右键选单里面没有了“萤幕解析度”一项啊?怎么添加回来啊急!1...
  6. netlink实现驱动和应用层通信
  7. 最早采用二进制的计算机,计算机 | 中国古代人最早提出的二进制思想?
  8. vue+mapbox实现聚合以及自定义图片图层、元素激活、显示popup、自定义marker
  9. WKWebView预初始化
  10. SWOT分析法——进行项目管理的高效方法