vue cli代理跨域proxy

1、小小的提一下vue cli脚手架前端调后端数据接口时候的本地代理跨域问题，如我在本地localhost访问接口http://40.00.100.100:3002/是要跨域的，相当于浏览器设置了一道门槛，会报错XMLHTTPRequest can not load http://40.00.100.100:3002/. Response to preflight request doesn’t pass access control…. 为什么跨域同源非同源自己去查吧，在webpack配置一下proxyTable就OK了。

　　如下 ：config/index.js

dev: {
    //proxyTable参数加入以下
    proxyTable: {
      '/api': {
        target: 'http://40.00.100.100:3002/',//设置你调用的接口域名和端口号 别忘了加http
        changeOrigin: true,
        pathRewrite: {
          '^/api': '/'//这里理解成用‘/api’代替target里面的地址，后面组件中我们调接口时直接用api代替，比如我要
调用'http://40.00.100.100:3002/user/add'，直接写‘/api/user/add’即可，但是实际接口是没有/api的，所以需要重写
        }
      }
    },

　　试一下，跨域成功了，但是注意了，这只是开发环境（dev）中解决了跨域问题，