如何解决vue项目开发过程中的跨域问题

在使用vue框架搭建前端项目的过程中不可避免的需要向后端请求数据进行测试，但是vue项目启动过程中会使用一个端口，jar包启动使用另外一个端口，就造成了跨域的问题，导致数据无法请求到，此时可以通过对配置文件的修改，使用反向代理，完成开发环境中数据请求的需求。

方法：在项目文件中找到config文件夹里边的index.js文件，找到dev中的proxyTable，用以下代码进行替换：

proxyTable: {
      '/api': {
        target: 'http://localhost:8083', //这里面是你要访问的IP地址
        changeOrigin: true,     //开启代理
        pathRewrite: {
          '^/api': ''
        }
      }
    },

然后将target中的内容替换成你要访问的数据的地址和端口，也就是目标地址和端口，其余的不需要变动，然后再使用axios进行封装请求方法的时候，将baseURL设置成/api/search即可，当然我的项目名是search,所以/api/后边拼接的是search,实际中项目名如果是xxx,应该写成/api/xxx，需要注意的一点是，这仅仅是开发环境中为了获取数据进行的操作，需要进行打包部署之前，需要将baseURL改成./，然后修改一些其他路径（此处可参考另外一篇博文打包部署前的设置），然后进行打包即可。