vueJs中的跨域解决方案

了解下vueJs中的跨域，在vue项目中，前端与后台进行数据请求或者提交的时候，如果后台没有设置跨域，前端本地调试代码的时候就会报“No 'Access-Control-Allow-Origin' header is present on the requested resource.” 这种跨域错误。

header('Access-Control-Allow-Origin:*');//允许所有来源访问 
header('Access-Control-Allow-Method:POST,GET');//允许访问的方式

这样就可以跨域请求数据了。

二、vue使用webpack本地代理

//vue.config.jsdevServer: {
    proxy: {
      '/api': {
        target: 'http://127.0.0.1:7200',
        ws: false,
        changeOrigin:true,//允许跨域
        pathRewrite: {
          '^/api': '/api'
        }
      }
    },

},

其实在vue中处理跨域还是挺简单的。