我们之前讲了vue项目本地开发的时候如何通过配置proxyTable进行跨域，这篇文章讲解生产环境如何配置跨域。

首先，网上有很多方法说通过配置Header set Access-Control-Allow-Origin *的方式解决跨域问题，但是我设置了，没有解决，我的apache版本是2.4.39。

首先假设有2个域名

www.aaa.com，这个是前端项目，VUE开发的。

api.aaa.com，这个是后端项目，用于提供api等服务的。

当然，设置反向代理时要确保apache的配置中（即http.conf文件中），以下2个是打开的

LoadModule proxy_module modules/mod_proxy.so
LoadModule proxy_http_module modules/mod_proxy_http.so

然后我们在 www.aaa.com  项目的配置文件中进行配置，这里我们不需要动到提供api服务的后端哦。

一般在<VirtualHost *:80>标签内加上如下代码即可。

ProxyRequests Off
# 访问/api 相当于访问 http://api.aaa.com
# 这样所有的请求就经过 /api 被代理到 http://api.aaa.com 了
ProxyPass /api http://api.aaa.com

具体的话，最好参考我前面的文章一起看，加深理解：vue跨域proxyTable配置详解