作為一名擁抱大前端的開發(fā)人員，工作中一些模擬服務(wù)端環(huán)境的工具肯定少不了。在這些工具中，phpStudy至少在我看來是一款在window下非常不錯的服務(wù)端的工具，然后由于年紀(jì)大了記性不好，每次配置使用它或者幫同事弄的時候經(jīng)常還要百度，因此這里做個總結(jié)。
phpStydy官網(wǎng)
本文先介紹phpStudy常用的幾個功能，以后有需要再補充。

1. 安裝

2. 搭建文件服務(wù)器&起web前端服務(wù)（特別適合公司內(nèi)部）

3. 修改端口號&同時起多個服務(wù)

4. 反向代理

安裝
去官網(wǎng)下載完后一步步來安裝到你要的目錄即可，沒什么難度。
搭建文件服務(wù)器&起web前端服務(wù)
在安裝目錄下雙擊phpStudy.exe，然后在主程序中找到圖1.1中鼠標(biāo)所在的位置

圖1.1

代碼1.1

<VirtualHost _default_:80>
DocumentRoot "D:\project\my_blog2\dist"
  <Directory "D:\project\my_blog2\dist">
    AllowOverride All
    Order allow,deny
    Allow from all
    Require all granted
  </Directory>
ProxyRequests Off
<Proxy /api>
Order deny,allow
Allow from all
</Proxy>
ProxyPass /api http://127.0.0.1:9527/api
ProxyPassReverse /api http://127.0.0.1:9527/api
</VirtualHost>

可以將本文中的代碼1.1配置覆蓋默認(rèn)的配置，其中"D:\project\my_blog2\dist"是我的項目目錄，你可以替換成你的項目目錄，然后點擊phpstduy主界面的重啟按鈕即可。如果你的目錄下沒有index.html,index.html,index.php等文件，那么一個文件瀏覽服務(wù)（文件服務(wù)器）就搭好了，如果有上述的那些文件，則起的就是一個web服務(wù)，如下圖1.2，1.3所示：

圖1.2

圖1.3

修改端口號&同時起多個服務(wù)
先打開vhost.conf同目錄下的http.conf,找到listen 80 ，這里將80改成你要的端口號，然后在vhost.conf里將代碼1.1中_default_:80中的80端口改成同樣的端口號，然后重新啟動即可。起多個服務(wù)只要像這樣：

代碼1.2

<VirtualHost _default_:8080>
#文檔根目錄
DocumentRoot "D:\project\my_blog2\dist"
#域名，和ip配置或者回環(huán)地址即可
ServerName 127.0.0.2
##重寫rewrite配置項
  <Directory "D:\project\my_blog2\dist">
    AllowOverride All
    Order allow,deny
    Allow from all
    Require all granted
  </Directory>
#ProxyPass說明: 將一個遠(yuǎn)端服務(wù)器映射到本地服務(wù)器的URL空間中 
#ProxyPass語法: ProxyPass [路徑]!|url
#ProxyPassReverse說明:調(diào)整由反向代理服務(wù)器發(fā)送的HTTP回應(yīng)頭中的URL
#ProxyPassReverse語法:ProxyPassReverse [路徑] url  
ProxyRequests Off
<Proxy /api>
Order deny,allow
Allow from all
</Proxy>
ProxyPass /api http://127.0.0.1:9527/api
ProxyPassReverse /api http://127.0.0.1:9527/api
</VirtualHost>

<VirtualHost 127.0.0.2:8080>
DocumentRoot "D:\tool"
ServerName 127.0.0.2
  <Directory "D:\tool">
    AllowOverride All
    Order allow,deny
    Allow from all
    Require all granted
  </Directory>
ProxyRequests Off
<Proxy /api>
Order deny,allow
Allow from all
</Proxy>
ProxyPass /api http://127.0.0.1:9527/api
ProxyPassReverse /api http://127.0.0.1:9527/api
</VirtualHost>

加一行ServerName 127.0.0.2, 這樣重啟phpstudy就是2個服務(wù)。起更多服務(wù)只要復(fù)制同樣一段然更換回環(huán)地址即可。ps:其中#在vhost.conf起注釋的作用
反向代理
一樣，如上述代碼1.2所示，在重寫rewrite配置項后面加上

ProxyRequests Off
<Proxy /api>
Order deny,allow
Allow from all
</Proxy>
ProxyPass /api http://127.0.0.1:9527/api
ProxyPassReverse /api http://127.0.0.1:9527/api

這樣重啟phpstudy后就能反向代理請求了
其中：
ProxyPass說明: 將一個遠(yuǎn)端服務(wù)器映射到本地服務(wù)器的URL空間中
ProxyPass語法: ProxyPass [路徑]!|url
ProxyPassReverse說明:調(diào)整由反向代理服務(wù)器發(fā)送的HTTP回應(yīng)頭中的URL
ProxyPassReverse語法:ProxyPassReverse [路徑] url
PS:在代碼1.3中 /api 是指將/api開頭的接口地址作反向代理。空格后面是代理過去的目標(biāo)地址

【完】