vue.js - 在 Electron -vue开发环境下在vue组件中启动ajax时没有 'Access-Control-Allow-Origin' header

Question

关注 https://github.com/SimulatedGREG/electron-vue ，我运行 yarn run dev 并做一个小改动，看看它是如何工作的。
在 Electron vue 应用程序中，我在 vue 组件中启动了一个 ajax 请求，创建了钩子(Hook)函数，

created: function () {
        let self = this
        this.$http.get('http://example.com/api/hwid/383').then(
                function (resp) {
                    self.title = resp.title
                }
        )
    } 

在 vue-electron 开发工具中，控制台出现如下错误:

XMLHttpRequest 无法加载 http://example.com/api/hwid/383 .请求的资源上不存在“Access-Control-Allow-Origin” header 。产地' http://localhost:9080 ' 因此不允许访问。

如何解决？
我必须在服务器端设置跨域吗？

Answer 1

是的，您应该添加 Access-Control-Allow-Origin对于 localhost在服务器端。

由于它只是一个浏览器策略，您最终可以编写自己的(代理)服务器，该服务器将获得 http://example.com/api/hwid/383数据。然后，您将毫无问题地通过您的服务器请求数据。