基于本地的前端开发

apache 配置 for windows

apache下载地址

进入apache根目录,打开配置文件 httpd.conf (其他版本可能是apache2.conf)

LoadModule proxy_module modules/mod_proxy.so
LoadModule proxy_balancer_module modules/mod_proxy_balancer.so
LoadModule proxy_ftp_module modules/mod_proxy_ftp.so
LoadModule proxy_http_module modules/mod_proxy_http.so
LoadModule proxy_connect_module modules/mod_proxy_connect.so
LoadModule rewrite_module modules/mod_rewrite.so

添加这一句，让htm执行php

AddType application/x-httpd-php .html .htm .php .phtml .shtml

以下模块默认应该已经打开，请再次确认已经打开

LoadModule deflate_module modules/mod_deflate.so
LoadModule expires_module modules/mod_expires.so
LoadModule include_module modules/mod_include.so
LoadModule rewrite_module modules/mod_rewrite.so

为了提高处理请求的性能，请开启keep-alive

KeepAlive On  #将Off 改为 On

将shtml支持打开（开启shtml主要是为了多人协作时更加方便）

AddType text/html .shtml
AddOutputFilter INCLUDES .shtml

将虚机的vhost文件包含进来：

# Virtual hosts
Include conf/extra/httpd-vhosts.conf

添加虚机的配置，打开extra/httpd-vhosts.conf，将下面代码拷贝进去，并根据注释提示的内容，自行修改，主要是将 DocumentRoot 和 RewriteCond 中的路径（D:/dev/a.tbcdn.cn/）

<VirtualHost *:80>
    ServerAdmin [email protected]
    DocumentRoot "D:/dev/a.tbcdn.cn/"  #这里修改为你本机开发目录
    ServerName a.tbcdn.cn
    
    RewriteEngine On
    RewriteCond %{QUERY_STRING} ^\?.*\.(js|css|js,|css,)$ [OR]
    RewriteCond %{QUERY_STRING} ^\?.*\.(js?.+|css?.+)$ 
    RewriteRule ^/(.*)$ /cb.php?%{REQUEST_URI} [QSA,L,NS,NC] #如果本地环境无法正常工作，可以尝试去掉[NC]

    #linux下是对大小写敏感的，window下忽略此句,Linux下打开此配置
    #RewriteCond %{REQUEST_FILENAME} !(.html$) [NC] 
    #这里D:/dev/a.tbcdn.cn/修改为你本机开发目录
    RewriteCond D:/dev/a.tbcdn.cn/%{REQUEST_FILENAME} !-F  #这里修改为你的本机开发目录
    RewriteRule ^/(.+)$ http://assets.taobaocdn.com/$1 [QSA,P,L,NC]  #CDN禁止通过IP直接访问，这里使用服务器中转，如果直接配置成服务器的话，可以修改为http://assets.taobaocdn.com/$1

    #这里修改为你本机的开发目录
    <Directory D:/dev/a.tbcdn.cn/>
        Options +Includes  #开启ssi
        Order deny,allow
        Allow from All
    </Directory>
    <IfModule expires_module>
        ExpiresActive On
        ExpiresDefault "access plus 10 years"
    </IfModule>
</VirtualHost>

确保VirtualHost已经打开，这个开关通常在extra/httpd-vhost.conf中

NameVirtualHost *:80

重启apache 即可，linux下重启apache命令 sudo /etc/rc.d/init.d/httpd restart

在windows下重启apache