PHP试题网_中国最大的免费网络PHP试题测试平台,PHP试卷调查,PHP试卷模板、PHP考试测验
公告: PHP试题网于2022.06.21变更为少儿编程学院

关于跨域设置,可以从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兄 浏览次数:53