vue项目配置代理服务器，解决接口跨域问题

先说明一下vue项目中，config文件夹中的文件 

1、dev.env.js 这个文件是dev本地环境中的配置

2、prod.env.js 这儿文件是生产环境的配置

配置代理服务器我们需要首先改动config中的index.js文件

 添加proxyTable对象

proxyTable: {

      '/apiz': {// 匹配所有以 '/api1'开头的请求路径

        target: 'https://*********.com',// 代理目标的基础路径，你要跨域请求的地址

        changeOrigin: true,

        pathRewrite: {

          '^/apiz': '' //路径重写

        }

      }

    }

在接口地址前面加上/apiz，代理服务器就会识别到并把接口请求地址改成target中的地址 

以上是配置的vue项目中的代理服务器，限于在本地项目中使用跨域请求。

如果将vue项目npm run build打包，项目中配置的代理服务器将不会被一块打包。 

如要在生产环境中部署项目或配置代理服务器解决跨域问题，下载nginx配置代理服务器即可。