win10配置nginx指向vue dist目錄
nginx理解http協議,因此可以用它充當半個Http服務器,直接處理并返回靜態頁面。
win10安裝nginx,從官網直接下載,解壓縮就可以用。
cd到nginx的根目錄,直接運行start nginx。好奇windows下原來也有start這樣的命令。
這時候瀏覽器訪問localhost已經可以看到nginx的歡迎畫面了。
nginx的配置文件在conf目錄下,叫nginx.conf。
修改其中的root行,指向vue的dist目錄:
location / {
root C:/lab/test/dist;
index index.html index.htm;
}
注意修改時不要漏掉結尾的分號;
保險起見,改完了用 nginx -t檢測配置文件有無語法錯誤。
然后關閉nginx并再次啟動:
nginx -s stop
start nginx
刷新瀏覽器就能看到vue項目的index頁面了。
注意locahost前不要加https://,firefox很容易自動在前面加。
另外殺死nginx用nginx -s stop,windows任務管理器殺的話,好像localhost還能訪問,存疑。

浙公網安備 33010602011771號