首页 > 其他 > 详细

vue proxy 跨域代理

时间:2020-04-08 15:36:44      阅读:52      评论:0      收藏:0      [点我收藏+]

1.config/index.js 修改 proxyTable

    proxyTable: {
      ‘/api‘: {
        target: ‘http://shuige.wicp.vip/‘,  //目标接口域名
        changeOrigin: true,  //是否跨域
        pathRewrite: {
          ‘^/api‘: ‘/‘   //重写接口 后台接口指向不统一  所以指向所有/
        }
      },
      cssSourceMap: false
    },

2. 请求得时候 接口地址加上前缀

import axios from ‘axios‘
export default {
  created() {
    // 1. 代理成功
    // http://shuige.wicp.vip/users/proxy  转换成 http://localhost:8080/api/users/proxy 
    axios.get(‘/api/users/proxy‘).then(res => { // /api 不能少
      console.log(res)
    })
  }
}

 

vue proxy 跨域代理

原文:https://www.cnblogs.com/cengjingdeshuige/p/12659778.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!