关于vue项目中axios跨域的解决方法(开发环境)

2022-06-03 18:55:12 浏览数 (1)

1、在config文件中修改index.js

代码语言:text复制
proxyTable: {
  "/api":{
    target: 'https://www.baidu.com/muc/',//你需要跨域的url
    changeOrigin: true,
    pathRewrite: {
      '^/api': '/'
    }
  }
},

2、在config文件中修改dev.env.js

module.exports = merge(prodEnv, { NODE_ENV: ‘“development”’, API_HOST:’/api/’ //开发环境中加上这段关键,不然出错 })

3、在config文件中修改prod.env.js

module.exports = { NODE_ENV: ‘“production”’, API_HOST: ‘https://www.baidu.com/muc/’//生产环境中加上这段关键,不然出错 }

4、在你请求的端口之前加上

代码语言:text复制
    this.$axios
      .get([
        '/api/captch/sent?phone' //这里需要在你请求的端口之前加上/api/.
      ])
      .then(response => {
        // success

更多内容请见原文,原文转载自:https://blog.csdn.net/weixin_44519496/article/details/119353573

0 人点赞