vue搭配什麼伺服器

Ⅰ vue2.5.2是用什麼創建的伺服器

Vue-cli使用Node開啟一個開發環境伺服器

Ⅱ vuejs怎麼在伺服器部署

通過vue-cli搭建的基於webpack結構的工程項目
1、build前的配置，防止js、css文件路徑錯誤
在目錄build下面找到webpack.prod.conf.js文件，找到output節點，添加【publicPath:'./'】
2、執行命令【npm run build】build項目
3、在跟目錄下會生成dist目錄，裡面的內容就是構建的結果，包含html、css、js文件等
4、將構建結果dist目錄下面的內容放在nginx的發布目錄【/usr/share/nginx/html/vuedemo】中
5、通過http://172.10.10.69/vuedemo/訪問測試

Ⅲ 怎麼把VUE項目部署到伺服器上面

1.使用xshell登錄到阿里雲伺服器。安裝nginx（本文安裝到/etc下）

[plain]view plain

• cd/etc

• apt-getupdate

• apt-getinstallnginx

2.首先先配置nginx，然後再根據配置文件做下一步操作

打開/etc/nginx/nginx.conf文件

[plain]view plain

• vim/etc/nginx/nginx.conf

在nginx.conf中配置如下：

[plain]view plain

• userwww-data;

• worker_processesauto;

• pid/run/nginx.pid;

• events{

• worker_connections768;

• #multi_accepton;

• }

• http{

• ##

• #BasicSettings

• ##

• tcp_nodelayon;

• keepalive_timeout65;

• types_hash_max_size2048;

• #server_tokensoff;

• #server_names_hash_bucket_size64;

• #server_name_in_redirectoff;

• include/etc/nginx/mime.types;

• default_typeapplication/octet-stream;

• ##

• #SSLSettings

• ##

• ssl_protocolsTLSv1TLSv1.1TLSv1.2;#DroppingSSLv3,ref:POODLE

• ssl_prefer_server_cipherson;

• ##

• #LoggingSettings

• ##

• access_log/var/log/nginx/access.log;

• error_log/var/log/nginx/error.log;

• ##

• #GzipSettings

• ##

• gzipon;

• gzip_disable"msie6";

• #gzip_varyon;

• #gzip_proxiedany;

• #gzip_comp_level6;

• #gzip_buffers168k;

• #gzip_http_version1.1;

• ##

• #VirtualHostConfigs

• ##

• gzipon;

• gzip_disable"msie6";

• #gzip_varyon;

• #gzip_proxiedany;

• #gzip_comp_level6;

• #gzip_buffers168k;

• #gzip_http_version1.1;

• #gzip_typestext/plaintext/cssapplication/jsonapplication/javascripttext/xmlapplication/xmlapplication/xml+rsstext/javascript;

• ##

• #VirtualHostConfigs

• ##

• include/etc/nginx/conf.d/*.conf;

• include/etc/nginx/sites-enabled/*;

• #以下為我們添加的內容

• server{

• listen80;

• server_nameyour-ipaddress;

• root/home/my-project/;

• indexindex.html;

• location/datas{

• rewrite^.+datas/?(.*)$/$1break;

• includeuwsgi_params;

• proxy_passhttp://ip:port;

• }

• }

• }

接下來就根據配置文件進行下一步工作。配置文件中的server_name後面是阿里雲伺服器的ip地址

3.配置文件中的listen是nginx監聽的埠號，所以需要在阿里雲伺服器上為80埠添加安全組規則

在本地的瀏覽器登錄阿里雲伺服器->進入控制台->點擊安全組->點擊配置規則->點擊添加安全組規則，之後配置如下（註：入方向和出方向都要配置）




4.配置文件中的root和index那兩行表示我們把項目文件夾放在/home/my-project下

例如有兩個項目文件夾分別為test1，test2，裡面都有index.html。則目錄結構如下

/home

|--my-project

|--test1

|--index.html

|--test2

|--index.html

則在瀏覽器輸入http://ip/test1/index.html

伺服器便會在/home/my-project中找到test1下的index.html執行；

如果在瀏覽器中輸入http://ip/test2/index.html

伺服器便會在/home/my-project中找到test2下的index.html執行；

這樣便可以在伺服器下放多個項目文件夾。

5.所以我們也需要在本地項目的config/index.js里的build下進行修改,如果要把項目放到test1下，則

[javascript]view plain

• assetsPublicPath:'/test1/',

如果用到了vue-router，則修改/router/index.js

[javascript]view plain

• exportdefaultnewRouter({

• base:'/test1/',//添加這行

• linkActiveClass:'active',

• routes

• });

6.nginx配置文件中的location則是針對跨域處理，表示把對/datas的請求轉發給http://ip:port,本文中這個http://ip:port下就是需要的數據，例如http://ip:port/seller,在本地項目文件中ajax請求數據的地方如下

[javascript]view plain

• consturl='/datas/seller';

• this.$http.get(url).then((response)=>{

• .....

• });

7.修改後在本地命令行下運行:cnpm run build 生成dist文件。把dist文件里的index.html和static文件上傳到伺服器的/home/my-project/test1下，目錄結構如下

/home

|--my-project

|--test1

|--index.html

|--static


8.啟動nginx

[plain]view plain

• servicenginxstart

9.至此項目部署成功，在瀏覽器下輸入: http://ip/test1/index.html 即可

Ⅳ vue前端支持python服務端么

vue不應該是純前端框架嗎？
build 後基本上只需要一個 html 和一個 bundle.js 就可以直接跑
所以在伺服器上配個 nginx 類產品，直接放裡面跑起來肯定是沒問題的
-----
npm run dev 可以跑起來一般是配置了個小型伺服器吧，比如 webpack 的 hot-dev 等，實際生產環境不會跑這個東西

Ⅳ 一般都在什麼系統上運行vue項目

Vue是前端的框架 不分系統 在瀏覽器渲染前就已經拿到Vue的js腳本了，前後端分離開發Vue在哪都無所謂 所以Vue對系統沒什麼要求，
如果前後端不分離的話 前端Vue代碼 也就是頁面的js是和後端框架在一起的 現在的伺服器一般都傾向於使用linux這些類Unix系統
值得注意的是 Vue是瀏覽器去渲染的 底層還是javascript 本身和伺服器是分離的 前後端不分離一般都是使用後端框架的模板 比如django + jinjia2 或者django 自帶的模板

Ⅵ vuejs怎麼在伺服器部署

用vue-cli搭建的做法
1、npm run build
2、把dist里的文件打包上傳至伺服器 例 /data/www/，我一般把index.html放在static里
所以我的文件路徑為：

/data/www/static
|-----index.html
|-----js
|-----css
|-----images
....

3、配置nginx監聽80埠， location /static alias 到 /data/www/static，重啟nginx
location /static {
alias /data/www/static/;
}
4、瀏覽器訪問http://ip/static/index.html即可

Ⅶ 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以後默認引用資源文件的路徑是

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

Ⅷ vue項目要部署在伺服器上，那麼伺服器需要安裝node.js環境嗎

最好是安裝一個。
1.如果你僅僅是打包好的vue相機，那麼要看服務端使用的是什麼語言，如果是node的話，肯定要安裝node環境的，但是如果不是node，那麼就沒有必要了。
2.如果你想在服務端跑vue的項目，也就是在遠程端做開發工作，那麼肯定是要安裝node的，畢竟vue開發環境需要node。
基本上服務端也就這兩種需求，node包其實很小，安裝一個也不費事，還可以方便開發，我覺得在遠程端按一個最好。

Ⅸ vue 路由 怎麼 配合服務端

你需要開啟HTML5 History 模式
vue-router 默認 hash 模式 —— 使用 URL 的 hash 來模擬一個完整的 URL，於是當 URL 改變時，頁面不會重新載入。
如果不想要很醜的 hash，我們可以用路由的 history 模式，這種模式充分利用 history.pushState API 來完成 URL 跳轉而無須重新載入頁面。
const router = new VueRouter({
mode: 'history',
routes: [...]
})
這種配置需要配合後端伺服器的配置，如果你對伺服器是nginx
location / {
try_files $uri $uri/ /index.html;
}
可以登錄360官網進行查詢了解更多的相關知識，也可以做在線咨詢，會有專業的人員為你解答

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

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

在linux

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

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

這就可以了

還有 用express 部署這個 簡單些