主機->操作系統->window(.net)/Linux->tomcat/nginx(軟件反向代理)
1.vue項目打包到dist文件夾(之后把dist文件夾放到服務器就可以了)
npm run build
2.去https://nginx.org/官網下載nginx
這里有很多版本,我們選擇stable version
點擊進入下載頁面
3.安裝nginx
進入安裝路徑雙擊nginx.exe
若是一閃而過,在瀏覽器中輸入localhost,若是出現以下類似頁面:
打開控制面板中的管理工具->服務->找到IIS
雙擊打開,選擇停止(因為端口可能被占用)
之后重新雙擊nginx.exe,在瀏覽器輸入localhost,出現一些頁面則安裝成功
4.顯示自己打包的頁面
找到自己項目中的dist文件夾
復制到nginx文件夾下的html中,把之前nginx默認的index.html等刪除,把我們dist里面的文件放到ngnix的html文件中,
如圖:
之后回到瀏覽器中刷新,就是我們打包過后的頁面了
完成!注意ngnix文件名路徑不能帶有中文!
還有一種方式是修改nginx的配置文件,可以自己去百度搜索查看