vue2.0 中axios 调用接口_vue2怎么掉接口_werido__的博客-程序员信息网

技术标签: vue  axios  es6  vue.js  javascript  

安装:npm install axios --save
main.js 入口文件中全局挂载(这里使用原型链挂载):

import axios from 'axios';
Vue.prototype.$http = axios;

config文件夹下的index.js 配置服务器环境

module.exports = {
    
  dev: {
    //开发服务器
    // Paths
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    proxyTable: {
    //代理跨域
      '/equipment/':{
    //公共前缀
        target:'接口的公共域名部分',
        changeOrigin:true//跨域
      }
    host: 'localhost',
    port: 8080, //端口号可更改
    autoOpenBrowser: false,//默认不自行打开浏览器
    errorOverlay: true,//查询错误
    notifyOnErrors: true,//通知错误
    poll: false, //轮询监控
    devtool: 'cheap-module-eval-source-map',//webpack提供的用来方便调试的配置
    cacheBusting: true,//缓存破解
    cssSourceMap: true//是否开启cssSourceMap
  },
  build: {
    
	index: path.resolve(__dirname, '../dist/index.html'),//编译后index.html的路径
    // Paths
    assetsRoot: path.resolve(__dirname, '../dist'),//打包后的文件根路径
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',//静态资源的公开路径,即真正的引用路径
    productionSourceMap: true,
    devtool: '#source-map',
    productionGzip: false,//生产环境压缩代码
    productionGzipExtensions: ['js', 'css'],//定义压缩文件
    bundleAnalyzerReport: process.env.npm_config_report//是否开启打包后的分析报告
  }
}

在vue页面中应用:

this.$http.post('接口后缀名',{
    params}).then(res=>{
    
		console.log(res)
	}).catch(err=>{
    
    	console.log(err)
   })
})
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_46021808/article/details/109359092

智能推荐

尚硅谷大数据开发Day01_JiangHe1997的博客-程序员信息网

1大数据概念大数据(Big Data):指无法在一定时间范围内用常规软件工具进行捕捉、管理和 处理的数据集合,是需要新处理模式才能具有更强的决策力、洞察发现力和流程优化 能力的海量、高增长率和多样化的信息资产。按顺序给出数据存储单位:bit、Byte、 KB、MB、GB、TB、PB、EB、ZB、YB、 BB、NB、DB。 1Byte = 8bit 1K = 1024Byte 1MB = 1024K 1G = 1024M 1T = 1024G 1P = 1024T大数据主要解决,海量数据的采集、存

linux安装完pycharm之后文件位置_在linux下安装PyCharm_weixin_39834084的博客-程序员信息网

转载自 http://os.51cto.com/art/201701/527146.htm?pcPyCharm 是由 Jetbrains 公司开发的一个跨平台编辑器。如果你之前是在 Windows 环境下进行开发,那么你会立刻认出Jetbrains 公司,它就是那个开发了 Resharper 的公司。 Resharper是一个用于重构代码的优秀产品,它能够指出代码可能存在的问题以及自动添加声明:...

WSDM2020|InterHAt分层注意力可解释CTR预估(已开源)_frank_hetest的博客-程序员信息网

Interpretable Click-Through Rate Prediction throughHierarchical AttentionZeyu Li, Wei Cheng,...

scipy.sparse稀疏矩阵内积点乘--效率优化!_行归一化稀疏矩阵_mantoureganmian的博客-程序员信息网

在使用scipy做程序时,感觉程序的整体速度较慢,或者不是一般的慢,接近于0.5s。所以做了一下优化,其实还是自己对于Scipy和Numpy熟悉度不够!我使用的Scipy版本为“0.19.1”,主要是遇到两个优化点! 在说我的优化之前,先啰嗦下:scipy.sparse的矩阵包中,牵扯到矩阵运算,矩阵的格式优选csr_matrix和csc_matrix。不然速度肯定慢的你怀疑人生。大小矩...

亚马逊ec2 实例删除_亚马逊免费使用套餐:在EC2 Linux实例上安装Tomcat 7_dnc8371的博客-程序员信息网

亚马逊ec2 实例删除 Amazon Web Services提供了12个月的免费使用期限,使开发人员可以在云中运行任何他们想要的东西。 免费层包括14个服务,其中Web开发人员最关注EC2服务。 EC2是一项服务,通过停止和启动Windows和/或Linux的虚拟实例来提供可调整大小的虚拟计算。 Elastic Load Balancing服务在实例之间分配传入流量,如果发生故障,将安装新实...

原生JavaScript解析JSON字符串、转换成JSON字符串的方法_原生方法解析json字符串_有梦想的伟仔的博客-程序员信息网

以下是原生JavaScript解析JSON字符串、转换成JSON字符串的方法。①解析JSON字符串(假设jsonString是一个json的字符串):var tmp = eval(“(” + jsonString + “)”); 此时,tmp是一个JavaScript的对象了,直接访问操作该对象的属性即可。如:jsonString中有一个name的key值,那么直接操作tmp.name既...

随便推点

SSM之HelloWorld_拖石马的博客-程序员信息网

[JSP]Maven+SSM框架(Spring+SpringMVC+MyBatis) - Hello World来源:http://blog.csdn.net/zhshulin/article/details/37956105?utm_source=tuicool&utm_medium=referral(以下博文对原博文有改动和补充)博文里红底白字的,为注意修改的地方,在这里先声明...

Java ServerSocket的服务端代码介绍_weixin_34233679的博客-程序员信息网

转自:http://developer.51cto.com/art/201003/190007.htm所谓Java ServerSocket通常也称作"套接字",有不少的时候需要我们详细的注意。接下来我们就看看什么是JavaServerSocket,希望大家有所收获。用于描述IP地址和端口,是一个通信链的句柄。应用程序通常通过"套接字"向网络发出请求或者应答网络请求。Socket和Ser...

Texlive 和texstudio的安装_texlive安装和texstudio_永远在路上的ChenChen的博客-程序员信息网

感谢这位老哥的笔记:LaTeX新手入门以及TeXlive和TeXstudio的安装使用_zywhehe的博客-程序员信息网_texlive

Qt中float数组(int、double)与QByteArray二进制之间的无损转换,其实结构体等数据都可以转成二进制的_qt double转qbytearray_ve2102388688的博客-程序员信息网

引言:运用Qt解决实际问题过程中,很容易碰到将float、double、int、转换为二进制数据,或者还原二进制数据到原始类型(float、double、int)。比如在网络中,人脸的信息数组存数据库,等等1 直接贴代码,这里以“二进制<—>float数组”为例,代码测试了多次没有问题1.1 float[]---->二进制#include <QByteArray&gt...

2021-09-02 Day18-JS-第八天 DOM_六眼飞鱼。的博客-程序员信息网

一、DOM1. 操作元素1.1 排他思想如果有同一组元素,想要某一个元素实现某种样式, 需要用到循环的排他思想算法:所有元素全部清除样式(干掉其他人)给当前元素设置样式 (留下我自己)注意顺序不能颠倒,首先干掉其他人,再设置自己代码:<body> <button>按钮1</button> <button>按钮2</button> <button>按钮3</button>

数据中心电气设计及审图的注意事项(三)_数据中心论坛(公众号同名)的博客-程序员信息网

作者:唐国丰仅经过了几年的发展,数据中心在中国已经变得炙手可热,很多新兴的大型数据中心在神州大地像雨后春笋般冒出,相应的各类数据中心建设规范也逐步完善。根据多年数据中心从业经验,我们从科学性、实用性和经济性角度出发,对历史的教训、设计图容易忽略、甚至规范没有调整的内容等予以归纳总结。低压配电……接上篇《数据中心电气设计及审图的注意事项(二)》低压母线井和路由是综合管线布局考虑的重点,...

推荐文章

热门文章

相关标签