vue 解决跨域问题

1、后端处理允许跨域

2、反向代理跨域

代理服务器英文全称是Proxy Server，其功能就是代理网络用户去去的网络信息。形象的说：它是网络信息的中转站。

vue中设置代理：

1.config/index.js

2.在dev里添加proxyTable

dev: {

  env: require( './dev.env' ),

  port: 8080,

  autoOpenBrowser: true ,

  assetsSubDirectory: 'static' ,

  assetsPublicPath: '/' ,

  proxyTable: {

    '/api' :{

      target: "http://47.93.166.112/BrainPcWeb" ,//设置你调用的接口域名和端口号 别忘了加http

      changeOrigin: true ,//允许跨域

      pathRewrite:{

        '^/api' : '' //这里理解成用‘/api'代替target里面的地址，后面组件中我们掉接口时直接用api代替

             //比如我要调用'http://40.00.100.133:3002/user/login'，直接写‘/api/user/login'即可

      }

    }

  }

注意：这只适合开发环境解决跨域问题，部署到服务器不需要设置proxyTable，在生产环境中真正部署到服务器上如果还是非同源还是存在跨域问题的

 

转载于:https://www.cnblogs.com/wuweb/p/9596841.html