記錄 IIS 部署vue 項目步驟

IIS 部署vue 項目

一.相關軟件安裝

request_router,url_rewrite

鏈接：https://pan.baidu.com/s/1SpyKWY9ejab1WP0-oKKJBg 
提取碼：gldp

安裝效果如下:

二.vue發佈

前端build 之後將 dist 文件夾整個拷貝到站點下:

IIS站點指向dist目錄:

如果在IIS下二級站點:路徑 vue-citygrid,在vue 發佈時需要在vue.config.js進行如下配置：

三.IIS代理設置

1.開啓代理

2.配置代理

vue.config.js配置如下:

在IIS下配置 server_api:

點擊一級站點，選擇URL重新，點擊進去添加入站規則

按照如下步驟配置入站規則:

在步驟2中可以測試下url,檢查正則表達式是否滿足要求:

匹配到結果之後，進行重寫操作換成真實地址:(重寫的url在服務器端要能ping 通)

至此，IIS 部署vue 完成。