欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

vue proxy 跨域代理

程序员文章站 2022-04-15 21:58:10
1.config/index.js 修改 proxyTable proxyTable: { '/api': { target: 'http://shuige.wicp.vip/', //目标接口域名 changeOrigin: true, //是否跨域 pathRewrite: { '^/api': ......

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)
    })
  }
}