关于跨域设置，可以从js设置、nginx设置、后端接口设置(php/go)三方面配置，所配置的参数也就那么几个，本站有一篇关于跨域的详细讲解，在此只说vue2、vue3、axios的跨域代码。

网上关于vue、axios跨域的文章多之又多，但很多情况下把它们的代码放到自己的环境里，却达不到自己想要的效果。

主要原因是因为网上这些文章的作者没有把vue的版本写进去。

vue2跨域设置：

在vue.config.js文件中对比以下代码：

configureWebpack: {
    devServer: {
        disableHostCheck: true,
        proxy: {
            "/api": {
                target: process.env.API_BASE_URL,//API_BASE_URL此值在.evn.test/production/development文件中设置
                changeOrigin: true
            }
        }
    }
}

vue3跨域设置：

在vue.config.js文件中对比以下代码：

devServer: {
  proxy: {
    '/api': {
      target: process.env.API_BASE_URL,
      changeOrigin: true
    }
  }
},

axios只是一个用于向后端发送请求的组件，只需要在vue中设置跨域即可。此组件单独跨域未曾尝试，对它不感冒，还是喜欢jquery。

作者：OK兄 浏览次数：54