如何把vue項目部署到阿里雲服務器上

前提條件:

如果你不用域名也可以,那就用公網ip地址訪問,不過不知道百度seo搜索和收錄。商業的項目一般都用域名綁定ip之後,用域名訪問項目。服務器是必備的,原則:用哪家服務器,就選哪家域名。

在前面的文章裏面,自己做了一個練手的小項目,買了服務器之後,也對linux的命令有了初步的認識和理解,現在開始把做好的項目部署到服務器上,通過域名來訪問。

Vue項目從搭建環境到打包上線
https://www.jianshu.com/p/7791bf749f66

1:使用npm run build進行打包

打包完成顯示

這個時候可以看到項目裏面多了一個dist文件夾

2:打開dist/下的index.html

這個時候
直接把dist文件拿出來,在瀏覽器裏面沒有辦法訪問

修改config/index.js裏的assetsPublicPath的字段,初始項目是/,現在改爲./

需要修改dist下的index.html資源路徑爲./
打開dist底下的index.html文件,修改文件路徑

通過瀏覽器打開,可以訪問

 

3: 項目打包處理完成,打開服務器連接工具,連接到自己的服務器


將dist文件扔到服務器,最簡單粗暴的方式,根據index.html路徑訪問即可。(當然後面還要繼續利用nginx搭建靜態資源服務器)

 

好了,打開自己的域名+項目index.html路徑就可以訪問啦,這個時候,我們的靜態資源vue項目部署到服務器上了。

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