需求
在Nginx服務器中,運行Vue項目。
說明
Vue項目打包生成的生產文件,是無法直接在瀏覽器打開的。需要放到Nginx服務器中,才能夠訪問。
本文章只介紹最基本的情況:Nginx中運行一個Vue項目。
實際生產環境,一個Nginx服務器中,會運行多個Vue項目。這需要配置,本文暫不介紹。
運行項目
將Nginx服務器啟動,然后將Vue包放置到對應的目錄,就能夠在瀏覽器訪問到Vue項目的頁面了。
Vue項目放置的位置
Vue項目打包生成的文件,放在Nginx服務器的 html 目錄下。
打開Nginx服務器
進入Nginx所在目錄,輸入如下命令
start nginx
示例如下:
頁面查看
在瀏覽器輸入 localhost
,打開Vue項目的首頁。
Vue項目啟動并訪問成功,示例如下:
參考
Nginx 下載、安裝與運行