vue做好的網站怎麼發布

A. 准備用vue寫個小項目，使用axios調用api做一個網站，還需要哪些技術

看你自己的需要咯，
比如前端的跟vue搭配一起的，有vue-router（路由，這個就不解釋了）, vuex （全局變數，也不詳細解釋了）。可能還有框架？比如element-ui，或者vuetify這樣的。
後端的話如果用node的就有express,koa這樣的。而後端的，可能還涉及到一些數據的存儲之類的，又會涉及到一個資料庫的插件，比如ORM，NEDB這樣的。

B. 單獨的vue可以做網頁嗎

完全可以。

1、另一方面，Vue 完全有能力驅動採用單文件組件和 Vue 生態系統支持的庫開發的復雜單頁應用，實現PC端單頁式的前端開發。

2、PC端網站在不需要優先考慮SEO和首屏渲染時間時，單頁式在用戶體驗和開發體驗(開發效率)上是完勝多頁式的。

3、vue.js作為主流框架之一，同樣支持SSR，vue.js的PC端網站開發時服務端渲染編譯比較慢，使用用單頁式效率更高。

(2)vue做好的網站怎麼發布擴展閱讀：

主流框架Vue.js與angularjs的開發區別：

一、相同點：

都支持指令：內置指令和自定義指令。

都支持過濾器：內置過濾器和自定義過濾器。

都支持雙向數據綁定。

都不支持低端瀏覽器。

二、不同點：

1、AngularJS的學習成本高，比如增加了Dependency Injection特性，而Vue.js本身提供的API都比較簡單、直觀。

2、在性能上，AngularJS依賴對數據做臟檢查，所以Watcher越多越慢。

3、Vue.js使用基於依賴追蹤的觀察並且使用非同步隊列更新。所有的數據都是獨立觸發的。對於龐大的應用來說，這個優化差異還是比較明顯的。

C. vue如何將項目部署到伺服器上並且使外網能夠訪問到

你的伺服器是什麼系統啊 ，，，linux LINUX、WINDOWS、NETWARE、UNIX。。

在linux

首先伺服器安裝node git nginx vue-cli

安裝好nginx 用你的公網ip訪問就可以看到 下面的頁面

這就可以了

還有 用express 部署這個 簡單些

D. Vue組件庫發布到npm詳解

製作了一套自己的組件庫，並發布到npm上，項目代碼見https://github.com/hamger/hg-vcomponents
前期准備
有一個npm賬號
安裝了vue-cli
搭建項目
vue
init
webpack
hg-vcomponents
cd
hg-vcomponents
cnpm
install
目錄結構
-
vue-flag-list
+
build
+
dist
//
存放發布到npm的代碼
-
src
-
components
//
存放組件源代碼
和
README.md
-
arrows
arrows.vue
README.md
-
round
round.vue
README.md
index.js
//
組件導出文件
-
examples
//
存放組件的
demo
arrows.vue
round.vue
index.vue
//
組件
demo
的入口
-
router
index.js
//
引入
examples
下的組件，並配置路由
App.vue
main.js
...
內部代碼詳見
GitHub，如果對你有所幫助，給個star吧
。
項目配置
為了使項目能上傳到npm上，需要配置一些地方。
build/webpack.base.conf.js
entry:
{
app:
process.env.NODE_ENV
===
'proction'
?
'./src/components/index.js'
//
生產模式下導入文件
:
'./src/main.js'
//
開發模式下導入文件
},
package.json
"private":
false,
//
因為組件包是公用的，所以
private
為
false
"main":
"dist/hg-vcomponents.min.js",
//
導出文件名，即
import
引入的文件
.gitignore
dist文件夾下文件是要導出的文件，所以在.gitignore文件中把dist/去掉，這樣上傳代碼的時候也會更新打包後的文件。
開發與生產
由於配置了webpack.base.conf.js，使得項目的開發與生產獨立開來。
使用npm
run
dev進入開發環境，就可以看到組件的demo，方便調試。使用npm
run
build打包組件庫。
發布到npm
在你登錄了npm的情況下，在根目錄輸入命令行(每次更新代碼執行同樣操作)
npm
version
patch
npm
publish
大功告成！現在你可以在其他地方使用npm
install
hg-vconponents下載自己寫的組件庫了。
您可能感興趣的文章:使用命令行工具npm新創建一個vue項目的方法vue組件發布到npm簡單步驟用vue封裝插件並發布到npm的方法步驟vue封裝第三方插件並發布到npm的方法基於Vue的文字跑馬燈組件(npm
組件包)通過npm引用的vue組件使用詳解

E. 如何部署vue後台網頁鏈接資料庫

使用vue.js與後台實現數據交互的方法是利用vue-resource組件提供的一系列api：
get(url, [data], [success], [options])
post(url, [data], [success], [options])
put(url, [data], [success], [options])
patch(url, [data], [success], [options])
delete(url, [data], [success], [options])
jsonp(url, [data], [success], [options])

具體舉例如下：
1、導入vue-resource
<script src="js/vue.js"></script>
<script src="js/vue-resource.js"></script>

2、基於全局Vue對象使用http
// 通過someUrl獲取後台數據，成功後執行then的代碼
Vue.http.get('/someUrl', [options]).then(successCallback, errorCallback);
3、在一個Vue實例內使用$http
// $http是在vue的局部范圍內的實例
this.$http.get('/someUrl', [options]).then(successCallback, errorCallback);
說明：
在發送請求後，使用then方法來處理響應結果，then方法有兩個參數，第一個參數是響應成功時的回調函數，第二個參數是響應失敗時的回調函數。

F. 自己搭建了一個vue的運行環境，最後出來這個頁面，但是之後要怎麼做我自己寫了一個小demo，怎麼

你是用手腳架搭的嗎？出來這個頁面說明你成功的完成了第一步，進入到vue的世界了，接下了你想幹嘛就幹嘛了，環境已經搭建完成，你需要做的就是將你想放的東西放進去而已。

vue都是以組件形式將頁面導入進入的，import引入組件，在components中聲明，然後在<template></template>中使用就行了

G. vue.js做好的網頁怎麼打包上傳github

張大媽夏大媽（

H. vuejs怎麼在伺服器部署

既然是布署，哪默認就應該是生產環境下的布署，vue開發的應用本質上就是靜態文件,無論你用何種web伺服器，放上去就應該能通過http訪問

接下來我來幫大家來捋一捋

首先VUE 是一個javascript的前端框架，註定了它是運行在瀏覽器里的，對伺服器本地沒有任何要求，只要一個靜態文件伺服器能通過http訪問到其資源文件就足矣！無論你是用apache ,ngnix 就算你要用node 自己實現一個靜態文件伺服器，也用不了多少行代碼。

npm run dev 是用來在本地開發的時候做調試用的，vue開發的是前端的東西，不是nodejs 服務端程序，按道理講，生產環境里就不該存在npm，甚至nodejs也不需要（用nodejs來做web靜態服務的除外），樓主通過ssh進入到伺服器里，再運行npm run dev 來啟動哪是開發機上做的事情。正確的做法很簡單，通過npm run build 把生成的dist文件夾（不要上傳文件夾）里的內容上傳到http伺服器上就可以通過 http來訪問了，開發機上正常，上傳以後 程序出現錯誤不能運行的原因99.99%的可能性是你引用資源的路徑有問題。

一般如果vue框架的程序上傳到網站伺服器的根目錄下是不 會有問題的，也不存在資源文件引用錯誤的情況，但如果你不是根目錄，就會有問題，通過vue-cli 生成的開發目錄，build以後默認引用資源文件的路徑是

有更多疑問 」可以咨詢 」小鳥雲，它是的一家伺服器廠商，我一直在用他們產品！

I. vue發布到伺服器一個目錄下，路由怎麼配置

首先VUE 是一個javascript的前端框架，註定了它是運行在瀏覽器里的。
對伺服器本地沒有任何要求，只要一個靜態文件伺服器能通過http訪問到其資源文件。
無論你是用apache ,ngnix 就算你要用node 自己實現一個靜態文件伺服器，也用不了多少行代碼。