微信网页授权出现跨域问题，如何解决？

Question

老师您好，我在使用vue开发一个微信公众号页面，需要微信网页授权，后端代码都写好了，也调试成功了，可是在vue里，无论是通过axios，还是jsonp，或者是配置代理，都出现跨域问题，我不知是什么原因？请老师赐教！

Answer 1

河畔一角 2020-01-11 18:07:01

你贴一下代码，我看下你是怎么跨域的。我在课程里面也讲了，跨域的三种方法，如果你没有按照课程讲的来，是一定会出现跨域的。你用axios发请求，后台就必须设置CORS，否则肯定会报错。建议你使用代理

• 提问者 sunrubben8953 #1

  <template>
    <div>
      <div>我的信息</div>
      <div @click="handleLogin">登录</div>
      <mutabbar></mutabbar>
    </div>
  </template>
  
  <script>
  import mutabbar from "../components/MuTabbar.vue"
  import axios from 'axios'
  //import jsonp from 'jsonp'
  export default {
    name: "myinfo",
    components: {
      mutabbar
    },
    methods: {
      handleLogin() {
        axios.get('/api/getuserdetail.php')
      }
    }
  }
  </script>

• 提问者 sunrubben8953 #2

  module.exports = {
    devServer: {
      proxy: {
        '/api': {
          target: 'http://localhost',
          changeOrigin: true,
          pathRewrite: {
            '^/api': '/muying/api'
          }
        }
      }
    }
  }

• 提问者 sunrubben8953 #3

  我之前都是这样解决跨域的啊，通过配置vue.config.js文件设置代理，可以拿到后台数据。可是微信网页授权不行。

点开查看后面7条评论