您的位置：首页 > 产品设计 > UI/UE

vue跨域代理配置

2017-09-22 16:02 531 查看

实际：http://a.com/b.php

代理：http://localhost/b.php

配置config/index.js

proxyTable: {
'/api': {
target:'http://a.com',
changeOrigin: true,
pathRewrite: {
'^/api': '/'
}
}
}

在main.js中：

import axios from 'axios'
Vue.prototype.axios = axios
axios.defaults.baseURL = '/api'

在组件中使用：

this.axios.get('/n.php').then((data) => {
// 处理数据
})

仅限于开发环境，生产环境仍然需要服务端设置允许跨域

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航