vue跨域代理配置

实际:http://a.com/b.php
代理:http://localhost/b.php
配置config/index.jsphp

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

在main.js中:ios

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

在组件中使用:axios

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

仅限于开发环境,生产环境仍然须要服务端设置容许跨域api

相关文章
相关标签/搜索