vue2.0前端解决跨域问题

vue2.0前端解决跨域问题

浏览器报错内容如下：

Access to XMLHttpRequest at http://xxx.xxx from origin 'http://localhost:8000' 
has been blocked by CORS policy: Response to preflight request doesn't 
pass access control check: Redirect is not allowed for a preflight request.

解决方式：
1、在config文件下的index.js中添加proxyTable的内容

proxyTable: {
      '/api': {
        target: 'http://xxx.xxx.xxx.xxx:8083',
        ws: false,
        changeOrigin: true,
        pathRewrite: { // 如果接口本身没有api的路径，那么这里将发送到后端的请求重写为没有api的路径
          '^/api': '/' 
        }
      },
    },

2、在创建的axios实例的js中将baseURL的值改为‘/api’,如图所示（此步骤看自己的代码更改）