vue中配置后端接口服务信息
2018-07-03 15:03
253 查看
vue中配置后端接口服务信息
最重要一点:配置完信息后,重新启动服务 npm run dev
需要在config下的index.js中 找到
module.exports = { dev: { } }以此接口为例:
dev: { // Paths assetsSubDirectory: 'static', assetsPublicPath: '/', proxyTable: { '/api': { target: 'http://100.1.1.1:10', //设置你调用的接口域名和端口号 别忘了加http changeOrigin: true } }, }然后在main.js中引入axios npm install axios -d
import axios from 'axios' Vue.prototype.$http = axios.create({ timeout: 10 * 1000 })然后在vue组件中这样使用:
this.$http.get('/static/data/xxxxx.json') .then(res => { console.log(res) }).catch(err => { console.log(err) })
阅读更多
相关文章推荐
- 小程序调用后端接口服务 配置文件详解
- 小程序调用后端接口服务 配置文件详解
- vue-cli 打包 使用 history模式 的后端配置
- 阿里云+python 验证微信接口配置信息
- 对vue中 默认的 config/index.js:配置的详细理解 -【以及webpack配置的理解】-config配置的目的都是为了服务webpack的配置,给不同的编译条件提供配置
- 更改windows service的配置信息后,无须重启服务
- Linux NIS(网络信息服务)配置
- 在处理向该请求提供服务所需的配置文件时出错。请检查下面的特定错误详细信息并适当地修改配置文件。
- spring cloud-Swagger2整合Eureka,实现Eureka页面自动跳转到Swagger2UI界面查看服务接口信息
- vue2.0下的spa整体方案(五)-后端配置
- 百度虚拟主机微信公众号开发接口配置成功但个服务器发送消息提示“公众号提供的服务出现故障”
- 微信支付配置信息,JSAPI接口,H5调用微信js接口支付,微信公众号支付
- Vue项目实战(五)配置 Axios api 接口调用文件
- 【学生信息管理系统】与后端系统接口
- python根据nagios配置文件将监控的服务联系人等信息导出到excel表格
- 接口配置信息【ashx】
- 某企业信息建设之Windows2003终端服务配置及授权激活
- VUE 利用 webpack 给生产环境和发布环境配置不同的接口地址
- 微信 接口配置信息修改
- 从壹开始前后端分离【 .NET Core2.0 Api + Vue 2.0 + AOP + 分布式】框架之十 || AOP面向切面编程浅解析:简单日志记录 + 服务切面缓存