2017-04-22T10:35:30Z||2017-04-26T17:36:37Z


使用的是Vue.js 2,然后用vue-cli创建的webpack工程,即vue init webpack.

由于需要在开发环境测试后台API,而Vue自身工程的测试服务器是Node.js的express,运行在独立的端口上。那么直接在HTML中Ajax请求必然会出发HTTP的Cross-Origin Resource Sharing (CORS)限制。

这个时候就需要配置Vue工程内的API映射了。比如在config/index.js中的dev属性后加上下面的内容:

proxyTable: {
  '/public_api': {
    target: 'http://127.0.0.1:3000',
    changeOrigin: true
  }
},

这样的话,所有以public_api开头的请求都会被Proxy到http://127.0.0.1:3000这里做请求。