Apache24部署前后端分离的前端Vue服务，反向代理到后端服务（带安装包）

摘要：
这篇写的是如何部署前后端分离的前端Vue服务。
本文中提到的安装包的下载地址（永久有效）:
链接：https://pan.baidu.com/s/1Ibm3Ill5AeFnZmsU_PFPLw
提取码：hb9i

适用环境说明：
ap24vc14：表示apache版本是2.4，基于vc2014编译出来
win_amd64：表示对应的平台是windows 64bit

1.1、 直接贴配置文件

把上面百度云的apache24下载下来，改下配置文件中的路径，把前端文件放到htdocs的更目录下，直接启服务就可。

# apache 文件路径
Define SRVROOT "D:\apache\Apache24_pro_drink_front"
ServerRoot "${SRVROOT}"
Listen 8040		# 服务端口
LoadModule actions_module modules/mod_actions.so
LoadModule alias_module modules/mod_alias.so
LoadModule allowmethods_module modules/mod_allowmethods.so
LoadModule asis_module modules/mod_asis.so
LoadModule auth_basic_module modules/mod_auth_basic.so
LoadModule authn_core_module modules/mod_authn_core.so
LoadModule authn_file_module modules/mod_authn_file.so
LoadModule authz_core_module modules/mod_authz_core.so
LoadModule authz_groupfile_module modules/mod_authz_groupfile.so
LoadModule authz_host_module modules/mod_authz_host.so
LoadModule authz_user_module modules/mod_authz_user.so
LoadModule autoindex_module modules/mod_autoindex.so
LoadModule cgi_module modules/mod_cgi.so
LoadModule dir_module modules/mod_dir.so
LoadModule env_module modules/mod_env.so
LoadModule http2_module modules/mod_http2.so
LoadModule headers_module modules/mod_headers.so	# 将此模块注释删除
LoadModule include_module modules/mod_include.so
LoadModule isapi_module modules/mod_isapi.so
LoadModule log_config_module modules/mod_log_config.so
LoadModule lua_module modules/mod_lua.so
LoadModule mime_module modules/mod_mime.so
LoadModule negotiation_module modules/mod_negotiation.so
LoadModule proxy_module modules/mod_proxy.so		# 将此模块注释删除
LoadModule proxy_http_module modules/mod_proxy_http.so	# 将此模块注释删除
LoadModule rewrite_module modules/mod_rewrite.so
LoadModule setenvif_module modules/mod_setenvif.so
LoadModule socache_shmcb_module modules/mod_socache_shmcb.so
LoadModule ssl_module modules/mod_ssl.so
LoadModule deflate_module modules/mod_deflate.so
<IfModule unixd_module>
User daemon
Group daemon
</IfModule>
ServerName pay.huitu.com.cn:8040
<Directory />
AllowOverride All
RewriteEngine On
RewriteBase /
RewriteRule ^index\.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.html [L]
</Directory>
DocumentRoot "${SRVROOT}/htdocs/"
<Directory "${SRVROOT}/htdocs/">
Options Indexes FollowSymLinks
AllowOverride FileInfo
Require all granted
</Directory>

<Files ".ht*">
Require all denied
</Files>
ErrorLog "logs/error.log"
LogLevel warn
<IfModule log_config_module>
LogFormat "%h %l %u %t \"%r\" %>s %b \"%{Referer}i\" \"%{User-Agent}i\"" combined
LogFormat "%h %l %u %t \"%r\" %>s %b" common
<IfModule logio_module>
LogFormat "%h %l %u %t \"%r\" %>s %b \"%{Referer}i\" \"%{User-Agent}i\" %I %O" combinedio
</IfModule>
CustomLog "logs/access.log" common
</IfModule>

<IfModule alias_module>
ScriptAlias /cgi-bin/ "${SRVROOT}/cgi-bin/"
</IfModule>

<Directory "${SRVROOT}/cgi-bin">
AllowOverride None
Options None
Require all granted
</Directory>

<IfModule mime_module>
TypesConfig conf/mime.types
AddType application/x-compress .Z
AddType application/x-gzip .gz .tgz
</IfModule>

EnableMMAP off
EnableSendfile off

Include conf/extra/httpd-mpm.conf
Include conf/extra/httpd-autoindex.conf

<IfModule proxy_html_module>
Include conf/extra/proxy-html.conf
</IfModule>

<IfModule ssl_module>
SSLRandomSeed startup builtin
SSLRandomSeed connect builtin
Include conf/extra/httpd-ssl.conf
</IfModule>

<IfModule mod_deflate.c>
SetOutputFilter DEFLATE
DeflateCompressionLevel 9
SetEnvIfNoCase Request_URI .(?:gif|jpe?g|png)$ no-gzip dont-vary
</IfModule>

# 代理后端服务
ProxyRequests off		# 此处必须有
ProxyPass /a_api http://172.111.111.140:80/a_api
ProxyPassReverse /a_api http://172.111.111.140:80/a_api

WSGIPassAuthorization On		# 此处必须有

PS：
1、代理释义
http://114.116.5.183:12313/api 为后台请求地址，js中已/api开始的请求地址，会请求到http://114.116.5.183:12313/api
2、后台接口处理时，考虑到前后端的token验证，请求头中Authorization信息丢失
mod_headers.so
将此模块注释删除