Vue 項目部署之iis


1、執行“npm run build" 打包項目文件

2、安裝iis

  查看電腦是否安裝iis ,未安裝則打開”控制面板“ ——>”程序“——>"啟用或關閉windows功能",根據需求選擇安裝,如下圖

  

 

3、打開iis 管理器

  

 

4、添加網站

  右擊網站,打開添加網站界面,設置網站名稱,物理路徑選擇你build之后的dist 目錄,這個文件你可以隨意放到電腦的任意位置,

    設置ip地址和端口,點擊確定然后網站就創建成功了

  

 

5、設置 url-rewrite

  創建好的網站,不一定可以訪問,有的需要設值 url-rewrite

  下載該模塊並安裝 地址:https://www.iis.net/downloads/microsoft/url-rewrite

  安裝之后,iis出現以下模塊 ”URL重寫",右擊,點擊打開該功能

  

 

  點擊右側操作下的“添加規則”

 

 

 其中名稱隨意起,匹配Url 不動,模式填寫 “ .* ” 注意有個點

 

 條件 打開點擊添加 檢查輸入字符串是否:選擇不是文件,點擊確定。

 

 操作選項中 重寫url 處 填寫 “/index.html"

 

 點擊右側應用

 

 打開瀏覽器 ,訪問 部署的ip地址 和端口,即可訪問自己部署的vue項目


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM