如何解决“Access-Control-Allow-Origin” - 请问vue.js？

Question

我是vue.js和webpack的新手。我目前在下一步存档方面遇到了很大的麻烦：在开发环境中与真实世界的api进行交流。

我目前所做的是： npm run dev

我的应用程序调用了一个我无法访问的远程api。 然后我遇到了Access-Control-Allow-Origin - 问题。

如果我构建我的应用程序并使用xampp运行它，一切正常。

我能做些什么，只是简单地开发我的应用程序来解决这个安全问题？

我试图创建一个代理，所以我已经看过了：

• npm cors（node-cors-client和node-cors-server） - 但这对我的vue应用程序有何影响？
• socket.io - 但似乎有点矫枉过正
• http-server - 但我在这里遇到了同样的问题
• nuxt - 可以工作，但后来我需要将我的vue.js应用程序重构为nuxt，我不知道这是否有效

有什么建议吗？谢谢！

Answer 1

解决： 我最终得到了一个PHP-API

• PHP-API在端口80
下使用xampp运行
• Vue.js-App使用端口8080
下的npm dev服务器运行

CORS-Hassle必须在PHP脚本中解决： https://stackoverflow.com/a/9866124/3918455