關於部署vue項目-windows篇

看過一些帖子,有些問題,我還沒遇到過。所以就自己的經歷來發布這個帖子。服務器,基於的是騰訊雲的 最低配置。

1、首先買服務器,25一下,120一年。還行。

下面是買完之後的圖,然後,有一些服務器的配置項目。
image.png

2、掃碼登錄

image.png

3、下載這個文件,然後雙擊運行

image.png

4、在這個之前,會有讓你輸入賬號密碼的,然後我當時選擇了記住賬戶,所以直接這樣的。

image.png

4.1 補充截圖,所需要的賬號密碼在這裏,手動查看一下諾。

image.png

5、連接成功後,就是一個windows界面了,50G的容量,一個盤,

image.png

6、裝一點軟件,nginx,notepad++,谷歌瀏覽器,node。

軟件基本都是下一步到底,就行了。

7、測試自己的軟件是否安裝成功。
8、在vue項目中,打包。將生成的dist目錄文件,全部拷貝到雲服務器上
就像圖5。上面有幾個我測試的。
9、配置nginx的配置文件

路徑是 nginx-版本號/conf/nginx.conf
image.png

10、打開文件,找到server下

image.png

11、簡單的就完事了。
11.1 配置跨域代理,需要在server複製一份location改一下配置

image.png

11.2 配置history模式帶來的刷新就是404

image.png

11.3、上述的操作從6~10都是在虛擬機裏面完成
11.4、進到我們的計算機那個騰訊雲管理中心裏面。

image.png

12、默認就行,反正可以改的

image.png

13、修改規則

image.png

14、入站與出戰,都先來一個一鍵放通,只截圖一張了

image.png

15、點擊添加規則

image.png

15.1 nginx的端口號就是這個了

image.png

16、出站也是同樣的設置號,同樣的端口號。不貼圖了
17、然後你就可以放你的線上網站了,

在瀏覽器輸入你的公網ip地址,加上端口號。

18、剛剛接觸,以後有接觸的話,再補充了。然後關於linux的,找個時間再補上,對於要發佈多個項目的,再nginx文件中複製多個server,然後改一下參數就好了。
19、liunx 部署vue項目,差別不大,主要是要會點liunx。目前我也不會,哈哈哈哈哈哈哈哈哈哈。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章