Proxy 网页及；Vue.js到VM的代理不工作

因此，我正在使用

vue CLI

在mac电脑上使用vue.js localy和webpack dev服务器开发一个站点。我想使用

Vue资源

从位于vagant VM（local.dev）上的后端获取数据。我尝试在config/index.js文件中添加代理，如下所示：

proxyTable: {
  '/pf': {
    target: 'local.dev/portfolioVue/public',
    secure: false,
    changeOrigin: true,
    pathRewrite: {
      '^/pf': ''
    }
  }
},

然后我在src/App.vue中的mounted上添加了这个函数

mounted () {
this.$http.get('/pf').then(response => {
  console.log('tutu');
}, response => {
  console.log('erreur');
})

}

在src/main.js中，我添加了：

Vue.http.headers.common['Access-Control-Allow-Origin'] = 'local.dev/portfolioVue/public';
Vue.http.headers.common['Access-Control-Request-Method'] = 'GET';

这是在

但现在我得到了这些错误

Refused to set unsafe header "Access-Control-Request-Method"


XMLHttpRequest cannot load http://local.dev/portfolioVue/public/. Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:9080' is therefore not allowed access.

我正在尝试获取一个返回Json的php文件（public/index.php）

<?php echo json_encode('tutu') ?>

这可能是VM配置上的问题吗

---

提前感谢您的帮助

因此，经过研究，这是一个CORS问题，事实上，google chrome有一个插件解决了这个问题，firefox也有一些插件，具体取决于您的偏好

---

正确的属性名称不应该是

proxy

而不是

proxyTable

？我强烈建议以一个配置示例为例，复制粘贴一个，看看实际发生了什么。像这样的名字

pfVue_2.0

也不是一个好主意。谢谢你的帮助。但是现在我得到了这个错误

XMLHttpRequest无法加载http://local.dev/portfolioVue/public/. 对飞行前请求的响应未通过访问控制检查：请求的资源上不存在“访问控制允许来源”标头。起源'http://localhost:9080因此，不允许访问我不知道如何才能让访问工作…这是CORS的问题。默认情况下，基本上不允许从一个域向另一个域发出XHR请求。我不熟悉Webpack的代理属性，但我猜它可以通过调整配置来修复。这可能是一个好的开始：也许可以更新您的问题以显示您尝试的配置。只需更新问题谢谢您的帮助：）