【項目上線】詳細步驟05：實戰 --- vue項目上線步驟

bladefury 發布于2019-06-26 17:30 / 1368人閱讀

摘要：這里我以商城為例第一步，在虛擬主機上添加一個站點，如然后，一路敲回車。

這里我以yunfenghui商城為例

https://github.com/lolongwell...

第一步，在虛擬主機上添加一個站點，如yunfenghui.lolong.xyz

lnmp vhost add

然后，一路敲回車。（注意需要在云主機上解析域名，詳細步驟參考【項目上線】04）

第二步，通過git把項目克隆到對應位置，此例克隆到/home/wwwroot/yunfenghui.lolong.xyz目錄下

cd /home/wwwroot/yunfenghui.lolong.xyz

git clone https://github.com/lolongwell/YunFengHuiShop.git

第三步，通過npm或者cnpm安裝對應依賴包

國內主機建議配置cnpm，安裝速度更快

npm i -g cnpm --registry=https://registry.npm.taobao.org

安裝api（后臺）依賴包node_modules

cd /home/wwwroot/yunfenghui.lolong.xyz/YunFengHuiShop/api

cnpm i

安裝client（前臺）依賴包node_modules

cd /home/wwwroot/yunfenghui.lolong.xyz/YunFengHuiShop/client

cnpm i

第四步，MongoDB導入數據，將/YunFengHuiShop/resource文件中的dumall-users和dumall-goods數據導入數據庫

cd /home/wwwroot/yunfenghui.lolong.xyz/YunFengHuiShop

mongoimport -d=shop -c=users ./resource/dumall-users

mongoimport -d=shop -c=goods ./resource/dumall-goods

第五步，上線前，將文件打包到dist目錄

cd /home/wwwroot/yunfenghui.lolong.xyz/YunFengHuiShop/client

npm run build

第六步，配置Nginx環境，修改root路徑，修改代理配置

此處，需要了解vue項目開發的跨域問題，詳細文章參考https://segmentfault.com/a/11...

vim /usr/local/nginx/conf/vhost/yunfenghui.lolong.xyz.conf

修改完成后，輸入 :wq 保存并退出，然后重啟Nginx服務

/etc/init.d/nginx restart

最后，瀏覽器訪問yunfenghui.lolong.xyz。

GPU云服務器云服務器阿里云服務器上線步驟上線項目上線java項目 php項目上線知道

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/19148.html

Vue項目搭建、只需四步輕松搞定！

摘要：你只要算好各種食材的比例，不用關心做菜的過程，就是那個微波爐。項目搭建步驟官網官網開發環境安裝配置項目配置如圖所示運行項目開發編譯在瀏覽器輸入看到，就跑通了。從基礎開始，循序漸進，含有常用實戰項目，貼近企業真實現狀。用一個完成的Vue系列文章，讓大家全面理解Vue的實現原理，掌握實用技巧，能在實戰中使用Vue，解鎖一個開發技能。文末有文章大綱請查看。不墨跡了！馬上寫內容： 1.為什...

張巨偉 2019-08-23 16:08 評論0 收藏0
【項目上線】詳細步驟04：在一臺云主機上部署多個網站，通過自定義網站名訪問項目地址

摘要：安裝完成后登陸，注意，如果裝的是，協議改為。舉例我通過阿里云注冊的域名是那么這里我可以輸入，或者其他任何指定特定網站，一臺主機可以部署多個網站。推薦安裝Xftp，是一個可視化管理云主機上文件的軟件,方便初學者學習。安裝完成后登陸，showImg(https://segmentfault.com/img/bVZEAI?w=496&h=702); 注意，如果裝的是xftp 5，協議改為...

Jrain 2019-07-25 14:06 評論0 收藏0
從0到1開發實戰手機站（二）：Git提交規范配置

摘要：既然是實戰項目，我們也得在寫頁面之前把相關的規范配置做好。使用來執行規范全局安裝下需在前面加項目目錄下執行配好后，之后用到命令時，改為使用。使用效驗提交信息首先還是安裝依賴也會安裝但自且并不和之后的版本兼容。生活不能隨意過，代碼也不能隨意寫。前一篇文章我們已經把項目搭建好了，那是不是馬上就開始寫頁面了呀？ NO！無論在哪家公司，都會有相應的代碼規范。新入職的員工往往第一步就要接受...

nanchen2251 2019-08-23 14:44 評論0 收藏0
從0到1開發實戰手機站（二）：Git提交規范配置

摘要：既然是實戰項目，我們也得在寫頁面之前把相關的規范配置做好。使用來執行規范全局安裝下需在前面加項目目錄下執行配好后，之后用到命令時，改為使用。使用效驗提交信息首先還是安裝依賴也會安裝但自且并不和之后的版本兼容。生活不能隨意過，代碼也不能隨意寫。前一篇文章我們已經把項目搭建好了，那是不是馬上就開始寫頁面了呀？ NO！無論在哪家公司，都會有相應的代碼規范。新入職的員工往往第一步就要接受...

Miracle_lihb 2019-08-16 14:28 評論0 收藏0