Vue 跨域请求的解决办法

最新推荐文章于 2025-02-21 01:00:00 发布

原创最新推荐文章于 2025-02-21 01:00:00 发布 · 1.5k 阅读

0 ·

CC 4.0 BY-SA版权

Vue 专栏收录该内容

2 篇文章

订阅专栏

本文介绍如何通过配置代理来解决前端开发中的跨域问题。具体步骤是在项目的config目录下的index.js文件中设置proxyTable的值，将目标API地址指向本地开发服务器，同时通过pathRewrite重写路径。

在 config 目录的 index.js 文件中设置 proxyTable 的值，样式如下

proxyTable: {
  '/api':{
    target:'http://10.144.26.240:9300',
    changeOrigin:true,
    pathRewrite: {
      '^/api': ''
    }
  }
}

然后再进行请求就OK了

methods: {
  reverseMessage: function() {
    this.$http.get(this.apiUrl)
      .then((response) => {
        console.log(response)
        this.msg = 'success'
      })
      .catch(function(response) {
        console.log(response)
        this.msg = response
      })
  }
}