请问这个到底是啥意思呀，半天没搞好😭

Question

跟着别人做的，就是不知道为什么别人那边可以了我不可以，该来的东西也都开了，不知道错哪了
看了控制台半天也没看懂

Answer 1

引自免费微信小程序：皆我百晓生

这个问题看起来比较复杂，涉及到Vue.js、网络请求和跨域资源共享（CORS）等多个方面。让我们一步一步来分析并解决。

问题分析

1. CORS问题

从控制台输出的错误信息来看，最主要的问题是跨域资源共享（CORS）问题。当你尝试通过XMLHttpRequest从http://localhost:9533访问http://localhost:9001的API时，由于CORS策略的限制，请求被阻止了。简单来说，浏览器出于安全原因，不允许一个域的网页访问另一个域的API，除非那个API允许跨域访问。解决这个问题的方式通常是在服务器端设置适当的CORS响应头。

2. Vue警告

此外，你还遇到了Vue的警告信息。例如：“Property or method 'closeDialog' is not defined on the instance but referenced during render.” 这意味着你在Vue组件中引用了一个未定义的属性或方法。你需要检查你的Vue组件代码，确保所有引用的属性或方法都已正确定义。

解决方案

针对CORS问题，解决方案通常是联系API的开发者或管理员，让他们在服务器端添加适当的CORS响应头。你也可以使用代理服务器来绕过这个问题，但这通常需要你有足够的权限来设置代理。以下是一个简单的代理配置示例（假设你使用的是Vue CLI）：

在vue.config.js文件中添加如下配置：

module.exports = {
  devServer: {
    proxy: {
      '/api': { // 以 /api 开头的请求会被代理到 http://localhost:9001
        target: 'http://localhost:9001', // 目标服务器地址
        changeOrigin: true, // 修改请求头中的Host为代理服务器地址
        pathRewrite: { // 重写请求路径，例如将 /api/xxx 改为 /edu/pay/orderInfo 等目标路径
          '^/api': '/edu/pay' // 这里需要你根据实际的目标路径进行调整
        }
      }
    }
  }
};

然后你的API请求可以通过/api/edu/orderInfo这样的路径来访问，这样就不会受到CORS的限制了。当然，这只是一个简单的示例，实际情况可能需要根据实际需求进行更多配置。如果你无法修改服务器端的设置或配置代理服务器，你可能需要寻找其他解决方案。对于Vue的警告问题，你需要检查相关组件的代码，确保所有引用的属性或方法都已正确定义。希望这些信息能帮助你解决问题！如果你还有其他问题或需要进一步的帮助，请告诉我。